/* ========================
   TOKENS — Design tokens
   ======================== */

:root {
    /* Colors */
    --color-primary: #1a1a1a;
    --color-secondary: #f5f5f5;
    --color-accent: #e63946;
    --color-text: #f5f5f5;
    --color-text-muted: #9ca3af;
    --color-bg: #0d0d0d;
    --color-bg-alt: #1a1a1a;
    --color-border: #e5e7eb;

    /* Typography */
    --font-body: system-ui, -apple-system, sans-serif;
    --font-heading: var(--font-body);
    --font-mono: ui-monospace, 'Cascadia Code', monospace;

    /* Scale (modular, fluid) */
    --step--2: clamp(0.69rem, 0.66rem + 0.18vw, 0.80rem);
    --step--1: clamp(0.83rem, 0.78rem + 0.29vw, 1.00rem);
    --step-0: clamp(1.00rem, 0.91rem + 0.43vw, 1.25rem);
    --step-1: clamp(1.20rem, 1.07rem + 0.63vw, 1.56rem);
    --step-2: clamp(1.44rem, 1.26rem + 0.89vw, 1.95rem);
    --step-3: clamp(1.73rem, 1.48rem + 1.24vw, 2.44rem);
    --step-4: clamp(2.07rem, 1.73rem + 1.70vw, 3.05rem);

    /* Space (consistent with type scale) */
    --space-3xs: clamp(0.25rem, 0.23rem + 0.11vw, 0.31rem);
    --space-2xs: clamp(0.50rem, 0.46rem + 0.22vw, 0.63rem);
    --space-xs: clamp(0.75rem, 0.68rem + 0.33vw, 0.94rem);
    --space-s: clamp(1.00rem, 0.91rem + 0.43vw, 1.25rem);
    --space-m: clamp(1.50rem, 1.37rem + 0.65vw, 1.88rem);
    --space-l: clamp(2.00rem, 1.83rem + 0.87vw, 2.50rem);
    --space-xl: clamp(3.00rem, 2.74rem + 1.30vw, 3.75rem);
    --space-2xl: clamp(4.00rem, 3.65rem + 1.74vw, 5.00rem);

    /* Measures */
    --measure-compact: 45ch;
    --measure-prose: 65ch;
    --measure-wide: 90ch;

    /* Gutter */
    --gutter: var(--space-m);

    /* Borders */
    --radius-s: 0.25rem;
    --radius-m: 0.5rem;
}