/* Hallmark · tokens · theme: Midnight · genre: atmospheric
 * Single source of truth for design tokens — loaded before app.css.
 */

:root {
    /* ── Colour ── */
    --color-paper:       oklch(13% 0.015 260);
    --color-paper-2:     oklch(17% 0.015 260);
    --color-paper-3:     oklch(21% 0.018 260);
    --color-paper-4:     oklch(25% 0.02 260);
    --color-ink:         oklch(93% 0.008 260);
    --color-ink-2:       oklch(65% 0.01 260);
    --color-ink-muted:   oklch(42% 0.01 260);
    --color-accent:      oklch(70% 0.14 240);
    --color-accent-dim:  oklch(70% 0.14 240 / 0.12);
    --color-accent-glow: oklch(70% 0.14 240 / 0.25);
    --color-accent-ink:  oklch(100% 0 0);
    --color-focus:       oklch(75% 0.14 240);
    --color-green:       oklch(72% 0.17 155);
    --color-orange:      oklch(75% 0.14 70);
    --color-red:         oklch(68% 0.19 25);
    --color-purple:      oklch(72% 0.14 300);
    --color-border:      oklch(30% 0.02 260 / 0.6);
    --color-border-active: oklch(70% 0.14 240 / 0.5);

    /* ── Typography ── */
    --font-display: 'Space Grotesk', system-ui, sans-serif;
    --font-body:    'Inter', -apple-system, system-ui, sans-serif;
    --font-mono:    'JetBrains Mono', 'Consolas', 'Courier New', monospace;

    /* ── Type scale ── */
    --text-xs:      0.6875rem;
    --text-sm:      0.8125rem;
    --text-md:      0.875rem;
    --text-lg:      1.125rem;
    --text-xl:      1.5rem;
    --text-display: 2rem;

    /* ── Spacing (4pt) ── */
    --space-3xs: 0.125rem;
    --space-2xs: 0.25rem;
    --space-xs:  0.5rem;
    --space-sm:  0.75rem;
    --space-md:  1rem;
    --space-lg:  1.5rem;
    --space-xl:  2rem;
    --space-2xl: 3rem;
    --space-3xl: 4.5rem;

    /* ── Radii ── */
    --radius-sm:   4px;
    --radius-md:   8px;
    --radius-lg:   12px;
    --radius-xl:   16px;
    --radius-pill: 100px;

    /* ── Motion ── */
    --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in:     cubic-bezier(0.7, 0, 0.84, 0);
    --ease-in-out: cubic-bezier(0.45, 0, 0.55, 1);
    --dur-short:   180ms;
    --dur-med:     280ms;
}