:root{

    /* ESPACIOS  */

    --space-2xs:0.25rem;   /* 4 */
    --space-xs:0.5rem;     /* 8 */
    --space-sm:1rem;       /* 16 */
    --space-md:1.5rem;     /* 24 */
    --space-lg:2rem;       /* 32 */
    --space-xl:3rem;       /* 48 */
    --space-2xl:4rem;      /* 64 */
    --space-3xl:6rem;      /* 96 */

    --header-height:3.5rem;

    --section-padding:
        clamp(3rem,5vw,6rem);

    --section-padding-small:
        clamp(2rem,4vw,3rem);


    /* TIPOGRAFÍA  */

    --text-xs:clamp(.70rem,.68rem + .1vw,.75rem);
    --text-sm:clamp(.82rem,.78rem + .15vw,.90rem);
    --text-base:clamp(.95rem,.90rem + .25vw,1rem);
    --text-md:clamp(1rem,.95rem + .40vw,1.15rem);
    --text-lg:clamp(1.1rem,1rem + .6vw,1.3rem);

    --text-h4:clamp(1.35rem,1.1rem + 1vw,1.6rem);
    --text-h3:clamp(1.7rem,1.3rem + 1.5vw,2.2rem);
    --text-h2:clamp(2.3rem,1.6rem + 2vw,3rem);
    --text-h1:clamp(3rem,2rem + 3vw,4.5rem);


    /* COLORES  */

    --bg-main:#fafaf8;
    --bg-secondary:#f5f3ef;
    --bg-card:#ffffff;
    --bg-lt-gray:#F6F6F7;

    --text-primary:#1f2937;
    --text-secondary:#4b5563;
    --text-muted:#6b7280;

    --accent-neon:#00d9ff;
    --accent-pink:#ff4fa3;

    --color-bien:#16a34a;
    --color-advertencia:#d97706;
    --color-mal:#dc2626;


    /* CONTAINERS */

    --container-sm:720px;
    --container-md:960px;
    --container-lg:1100px;
    --container-xl:1280px;


    /* BORDER RADIUS */

    --radius-sm:12px;
    --radius-md:20px;
    --radius-lg:32px;
    --radius-pill:999px;


    /* BORDERS */

    --border-light:1px solid var(--bg-lt-gray);
    --border-primary:2px solid var(--module-pr);


    /* SOMBRAS */

    --shadow-sm:
        0 4px 12px rgba(0,0,0,.04);

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

    --shadow-lg:
        0 20px 50px rgba(0,0,0,.12);

    --shadow-home:
        0 16px 40px rgba(37,99,235,.10);


    /* TRANSICIONES */

    --transition-fast:.2s ease;
    --transition-base:.3s ease;
    --transition-slow:.45s ease;
}