/* v2 tokens. Brand values from /assets/css/styles.css (L7-13), shifted off pure black/white. */
:root {
    --brand-purple: #8864ff;
    --brand-indigo: #3a00f8;
    --brand-lilac: #ebe5ff;
    --brand-lime: #cef307;
    /* Interactive: the default accent is ink (black on light, white on dark), set per theme below. */
    --interactive: #0e0e10;

    --fw-display: 300;
    --fw-strong: 500;
    --track-display: -0.035em;
    --font: "Gotham", "Helvetica Neue", Arial, sans-serif;

    /* Fluid type scale */
    --fs-xs: 0.8125rem;
    --fs-sm: 0.9375rem;
    --fs-md: 1.0625rem;
    --fs-lg: clamp(1.1875rem, 1.05rem + 0.55vw, 1.5rem);
    --fs-xl: clamp(1.625rem, 1.25rem + 1.5vw, 2.5rem);
    --fs-2xl: clamp(2.125rem, 1.4rem + 2.9vw, 4rem);
    --fs-3xl: clamp(2.75rem, 1.3rem + 5.6vw, 6.75rem);

    --gutter: clamp(1rem, 0.5rem + 2.4vw, 3rem);
    --section: clamp(5rem, 3rem + 8vw, 11rem);
    --max: 1440px;
    --nav-h: 68px;

    /* Shape system: media 4px (legacy brand radius), interactive = pill */
    --r-media: 4px;
    --r-pill: 999px;

    /* Motion */
    --ease-out: cubic-bezier(.22, 1, .36, 1);
    --ease-in-out: cubic-bezier(.65, 0, .35, 1);
    --dur-ui: 200ms;
    --dur-reveal: 900ms;

    /* z-index scale */
    --z-gl: 0;
    --z-content: 1;
    --z-nav: 50;
    --z-cursor: 60;
    --z-preloader: 70;
}

:root,
[data-theme="light"] {
    /* cream ground, so every colour reads warmer and stronger */
    --bg: #f3ecdf;
    --bg-elev: #faf6ee;
    /* no fluo yellow on cream: the lime role becomes a metallic petrol green */
    --brand-lime: #1d6b72;
    --ink: #0e0e10;
    --ink-2: #4b4b52;
    --ink-3: #8a8a92;
    --line: rgb(14 14 16 / 0.09);
    --interactive: #0e0e10;   /* default accent: black on light */
    --accent: var(--interactive);
    --accent-soft: rgb(14 14 16 / 0.1);
    --on-accent: #ffffff;
    --dim-word: rgb(14 14 16 / 0.16);
    --gl-ink: 14, 14, 16;
    color-scheme: light;
}

[data-theme="dark"] {
    --brand-lime: #cef307;
    --bg: #0b0d0c;
    --bg-elev: #141716;
    --ink: #f2f2ef;
    --ink-2: #b4b4ae;
    --ink-3: #7a7a76;
    --line: rgb(242 242 239 / 0.11);
    --interactive: #f2f2ef;   /* default accent: white on dark */
    --accent: var(--interactive);
    --accent-soft: rgb(242 242 239 / 0.14);
    --on-accent: #0e0e10;
    --dim-word: rgb(242 242 239 / 0.16);
    --gl-ink: 242, 242, 239;
    color-scheme: dark;
}