/* ======================================================
   GRUPO EDIFEX
   Design System
====================================================== */

:root{    /* ===============================
       COLORES
    =============================== */

    --color-primary: #0B1B47;
    --color-primary-dark: #08153A;
    --color-primary-light: #16306D;
    --color-secondary: #F58220;

    --color-white: #FFFFFF;
    --color-background: #F8F9FB;
    --color-light: #EEF2F5;

    --color-text: #1F2937;
    --color-text-light: #6B7280;
    /* ===============================
       TIPOGRAFÍAS
    =============================== */

    --font-title: "Raleway", sans-serif;
    --font-body: "Inter", sans-serif;
        /* ===============================
       TAMAÑOS DE TEXTO
    =============================== */

    --fs-hero: 72px;
    --fs-h1: 56px;
    --fs-h2: 42px;
    --fs-h3: 32px;

    --fs-body: 18px;
    --fs-small: 15px;
        /* ===============================
       ESPACIADOS
    =============================== */

    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 2rem;
    --space-lg: 4rem;
    --space-xl: 6rem;
    --space-xxl: 8rem;
/* ===============================
       CONTENEDOR
    =============================== */

    --container: 1320px;
        /* ===============================
       BORDES
    =============================== */

    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 24px;
    --radius-xl: 40px;
        /* ===============================
       SOMBRAS
    =============================== */

    --shadow-sm: 0 5px 15px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 12px 35px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 25px 60px rgba(0, 0, 0, 0.18);
        /* ===============================
       TRANSICIONES
    =============================== */

    --transition: .35s ease;
   }