:root {
    --black:          #0E1024;
    --black-mid:      #1C2142;
    --indigo-deep:    #343D73;
    --indigo:         #6672AE;
    --indigo-light:   #9BA3CE;
    --pink:           #C8849E;
    --pink-light:     #D4A0B4;
    --white:          #E8E4E0;
    --gray:           #7B7A88;
    --gray-light:     #9C9AA8;
    --border:         rgba(232, 228, 224, 0.04);
    --border-accent:  rgba(102, 114, 174, 0.10);

    --block-pink:       #C8849E;
    --block-pink-faded: rgba(200, 132, 158, 0.35);
    --block-pink-ghost: rgba(200, 132, 158, 0.15);
    --radius-block:     16px;

    --font-mono:      'JetBrains Mono', monospace;
    --font-heading:   'Space Grotesk', sans-serif;
    --font-impact:    'Bebas Neue', 'Arial Narrow', sans-serif;

    --fs-xs:    clamp(0.7rem, 0.65rem + 0.25vw, 0.8rem);
    --fs-sm:    clamp(0.8rem, 0.75rem + 0.25vw, 0.9rem);
    --fs-base:  clamp(0.95rem, 0.9rem + 0.25vw, 1.05rem);
    --fs-md:    clamp(1.05rem, 0.95rem + 0.5vw, 1.25rem);
    --fs-lg:    clamp(1.25rem, 1.1rem + 0.75vw, 1.6rem);
    --fs-xl:    clamp(1.6rem, 1.3rem + 1.5vw, 2.4rem);
    --fs-2xl:   clamp(2rem, 1.5rem + 2.5vw, 3.2rem);
    --fs-3xl:   clamp(2.6rem, 1.8rem + 4vw, 4.5rem);
    --fs-hero:  clamp(2.4rem, 1.8rem + 3vw, 4rem);

    --lh-tight:   1.1;
    --lh-heading: 1.2;
    --lh-body:    1.7;

    --fw-medium:  500;
    --fw-semi:    600;
    --fw-bold:    700;
    --fw-extra:   700;

    --space-xs:   8px;
    --space-sm:   16px;
    --space-md:   24px;
    --space-lg:   32px;
    --space-xl:   48px;
    --space-2xl:  64px;
    --space-3xl:  96px;
    --space-section: min(18vh, 180px);

    --container-wide: 1100px;
    --container-full: 1320px;

    --ease-out-expo:      cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-out-quart:  cubic-bezier(0.76, 0, 0.24, 1);

    --dur-fast:    0.35s;
    --dur-normal:  0.6s;
    --dur-reveal:  1.4s;

    --radius-lg:  20px;
    --radius-pill: 100px;
}