/* tokens.css — generated from design-dna.md ```dna block; do not hand-edit */
@layer tokens {
  :root {
    --font-display: "Chillax", "Avenir Next", sans-serif;
    --font-body: "General Sans", "Helvetica Neue", sans-serif;
    --font-mono: "IBM Plex Mono", ui-monospace, monospace;

    --color-pit: oklch(0.16 0.012 110);
    --color-panel: oklch(0.2 0.014 110);
    --color-rule: oklch(0.29 0.012 110);
    --color-bone: oklch(0.94 0.012 95);
    --color-ash: oklch(0.72 0.015 105);
    --color-flare: oklch(0.68 0.19 42);
    --color-flare-deep: oklch(0.5 0.17 42);
    --color-shadow: oklch(0.1 0.02 110 / 0.4);

    --radius-xs: 2px;
    --radius-md: 12px;

    /* motion — from the DNA motion signature */
    --ease-reveal: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-snappy: cubic-bezier(0.34, 1.56, 0.64, 1);
    --ease-mech: cubic-bezier(0.83, 0, 0.17, 1);
    --dur-micro: 160ms;
    --dur-state: 240ms;
    --dur-reveal: 560ms;

    /* fluid type scale (utopia-style clamp, vw+rem) */
    --text-xs: clamp(0.72rem, 0.7rem + 0.1vw, 0.78rem);
    --text-sm: clamp(0.85rem, 0.82rem + 0.15vw, 0.95rem);
    --text-base: clamp(1rem, 0.97rem + 0.13vw, 1.125rem);
    --text-lg: clamp(1.2rem, 1.05rem + 0.7vw, 1.6rem);
    --text-xl: clamp(1.6rem, 1.2rem + 1.8vw, 2.6rem);
    --text-ladder: clamp(2.6rem, 1.6rem + 5.2vw, 6.2rem);
    --text-hero: clamp(2.9rem, 1.9rem + 5.6vw, 6.8rem);
    --text-stat: clamp(3.4rem, 2.4rem + 6vw, 8.5rem);
  }
}