:root {
    /* ── Brand ──────────────────────────────── */
    --theme:          #cc171a;
    --theme-hover:    #a81215;
    --theme-muted:    rgba(204, 23, 26, 0.15);

    /* ── Surfaces ────────────────────────────── */
    --bg:             #212729;
    --bg-elevated:    #2c3133;
    --bg-overlay:     #343c3f;

    /* ── Text ────────────────────────────────── */
    --text-primary:   #f0f0f0;
    --text-secondary: #a8b2b5;
    --text-muted:     #6b7880;
    --text-inverse:   #1a1a1a;

    /* ── Borders ─────────────────────────────── */
    --border-subtle:  rgba(255, 255, 255, 0.08);
    --border-default: rgba(255, 255, 255, 0.18);
    --border-strong:  rgba(255, 255, 255, 0.35);

    /* ── Spacing scale ───────────────────────── */
    --space-xs:  4px;
    --space-sm:  8px;
    --space-md:  16px;
    --space-lg:  24px;
    --space-xl:  48px;
    --space-2xl: 96px;

    /* ── Border radius ───────────────────────── */
    --radius-sm:   4px;
    --radius-md:   8px;
    --radius-lg:   16px;
    --radius-pill: 999px;

    /* ── Elevation ───────────────────────────── */
    --shadow:    drop-shadow(5px 5px 30px rgba(0, 0, 0, 0.48));
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.45);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.55);

    /* ── Typography ──────────────────────────── */
    --font-sans:    'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --font-weight-light:   300;
    --font-weight-regular: 400;
    --font-weight-medium:  500;
    --font-weight-semibold: 600;
    --font-weight-bold:    700;

    /* fluid scale: clamp(min, preferred, max) */
    --fontSize16: clamp(0.9rem,  1vw + 0.5rem, 1rem);       /* ~16px */
    --fontSize18: clamp(1rem,    1.2vw + 0.5rem, 1.125rem); /* ~18px */
    --fontSize25: clamp(1.25rem, 2vw + 0.5rem, 1.5625rem);  /* ~25px */
    --fontSize40: clamp(1.75rem, 3vw + 0.75rem, 2.5rem);    /* ~40px */
    --fontSize60: clamp(2.25rem, 5vw + 0.5rem, 3.75rem);    /* ~60px */

    /* ── Nav ─────────────────────────────────── */
    --nav-height: 77px;

    /* ── Transitions ─────────────────────────── */
    --transition-fast:   150ms ease-out;
    --transition-normal: 250ms ease-out;
}