/* ==========================================
   VARIABLES GLOBALES - MTC WEBSITE
   ========================================== */

:root {

    /* ========= COLORES (TEMPORALES) ========= */

    --primary-color: #0A4D8C;
    --secondary-color: #D62828;
    --accent-color: #FFFFFF;

    --text-color: #1F2937;
    --text-light: #6B7280;

    --background-color: #FFFFFF;
    --background-light: #F5F7FA;

    --border-color: #E5E7EB;

    /* ========= TIPOGRAFÍA ========= */

    --font-primary: 'Poppins', sans-serif;

    /* ========= TAMAÑOS ========= */

    --container-width: 1200px;

    /* ========= ESPACIADOS ========= */

    --section-padding: 100px;
    --border-radius: 12px;

    /* ========= SOMBRAS ========= */

    --shadow-sm: 0 2px 8px rgba(0,0,0,.08);

    --shadow-md: 0 10px 30px rgba(0,0,0,.12);

    --shadow-lg: 0 20px 60px rgba(0,0,0,.18);

    /* ========= TRANSICIONES ========= */

    --transition: .35s ease;

}