/* RunLive · tokens.css — every colour, face, size, space, easing and radius the site uses.
   Colours are OKLCH tinted toward the ember (hue ~45); the accent is the app's Theme.orange, exact. */
:root {
  --color-paper:    oklch(14% 0.006 45);
  --color-paper-2:  oklch(17.5% 0.007 45);
  --color-paper-3:  oklch(22% 0.008 45);
  --color-badge:    oklch(8% 0.004 45);
  --color-rule:     oklch(27% 0.008 45);
  --color-rule-2:   oklch(36% 0.009 45);
  --color-neutral:  oklch(57% 0.010 50);
  --color-muted:    oklch(70% 0.010 55);
  --color-ink:      oklch(96% 0.008 80);
  --color-shadow:   oklch(0% 0 0 / 0.55);
  --color-accent:       #FF5A1F;
  --color-accent-hot:   #FF7829;
  --color-accent-pale:  #FFC08A;
  --color-accent-deep:  #7A2E0A;
  --color-accent-glow:  oklch(68% 0.21 37 / 0.45);
  --color-bloom:        oklch(68% 0.21 37 / 0.09);
  --color-start:        #00D37F;
  --color-hot-core:     oklch(97% 0.03 60);
  --color-focus:        oklch(80% 0.17 50);
  --color-amber:        #FFBF00;
  --color-amber-glow:   oklch(84% 0.17 85 / 0.28);
  --color-bloom-2:      oklch(68% 0.21 37 / 0.22);
  --color-wash:         oklch(68% 0.21 37 / 0.07);
  --color-field-ember:  oklch(66% 0.20 40 / 0.22);
  --color-field-amber:  oklch(82% 0.16 82 / 0.14);
  --color-field-blue:   oklch(52% 0.13 262 / 0.24);
  --color-field-deep:   oklch(42% 0.11 300 / 0.16);
  --color-field-base:   oklch(15.5% 0.010 45);
  --color-side:         oklch(44% 0.07 262);
  --color-side-hi:      oklch(72% 0.07 262);
  --color-side-dark:    oklch(22% 0.05 262);
  --color-back-hi:      oklch(40% 0.085 262);
  --color-back-lo:      oklch(27% 0.07 262);
  --color-plateau:      oklch(34% 0.08 262);
  --color-lens:         oklch(22% 0.012 260);
  --color-lens-hi:      oklch(56% 0.02 250);
  --color-lens-dark:    oklch(9% 0.01 260);
  --color-lens-ring:    oklch(42% 0.05 262);
  --color-flash:        oklch(90% 0.04 80);

  --font-display: "Geist", ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", sans-serif;
  --font-body:    "Geist", ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", sans-serif;
  --font-mono:    "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --text-xs:   0.6875rem;
  --text-sm:   0.8125rem;
  --text-base: 1rem;
  --text-md:   1.1875rem;
  --text-lg:   1.375rem;
  --text-xl:   1.75rem;
  --text-2xl:  clamp(1.75rem, 1.2rem + 2.2vw, 2.75rem);
  --text-3xl:  clamp(2.125rem, 1.4rem + 2.9vw, 3.5rem);
  --text-display: clamp(2.75rem, 1.6rem + 4.6vw, 5.25rem);
  --text-stat:    clamp(2.5rem, 1.6rem + 3.2vw, 4rem);

  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 9rem;
  --gutter:    clamp(1.25rem, 5vw, 5rem);
  --page:      1360px;
  --measure:   36ch;

  --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.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long:  520ms;

  --radius-sm:   6px;
  --radius-md:   14px;
  --radius-pill: 999px;
  --rule-hair:   1px;

  --z-base:   1;
  --z-raised: 10;
  --z-sticky: 200;
}