/* Awake — design tokens
 * theme: custom · vibe: "instrument panel, warm-black, signal-amber, precise"
 * paper: oklch(16% 0.010 75) · accent: oklch(80% 0.155 75)
 * axes: dark / geometric-sans / warm
 *
 * The whole system is near-monochrome on a WARM near-black (hue 75, not slate-blue).
 * Amber is the single signal colour — it means "active / awake / on" and nothing else.
 */
:root {
  /* — surfaces (warm near-black, stepped by lightness for elevation) — */
  --color-paper:      oklch(0.16 0.010 75);
  --color-paper-2:    oklch(0.195 0.011 75);
  --color-paper-3:    oklch(0.245 0.012 75);

  /* — ink (warm off-white) — */
  --color-ink:        oklch(0.95 0.012 85);
  --color-ink-2:      oklch(0.74 0.010 85);
  --color-ink-3:      oklch(0.56 0.009 80);

  /* — rules / hairlines — */
  --color-rule:       oklch(0.32 0.010 75);
  --color-rule-2:     oklch(0.25 0.010 75);

  /* — the one signal colour: amber = active/awake/on — */
  --color-accent:     oklch(0.80 0.155 75);
  --color-accent-2:   oklch(0.72 0.150 70);
  --color-accent-ink: oklch(0.16 0.010 75);              /* dark text on amber */
  --color-accent-dim: oklch(0.80 0.155 75 / 0.14);       /* amber wash */
  --color-accent-line:oklch(0.80 0.155 75 / 0.40);
  --color-focus:      oklch(0.84 0.180 78);

  /* — danger (errors only, used sparingly) — */
  --color-danger:     oklch(0.66 0.170 25);
  --color-danger-dim: oklch(0.66 0.170 25 / 0.16);

  /* — type — */
  --font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  --font-body:    "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, "Cascadia Code", Consolas, monospace;

  --text-xs:   0.6875rem;
  --text-sm:   0.8125rem;
  --text-base: 0.9375rem;
  --text-md:   1.0625rem;
  --text-lg:   1.375rem;
  --text-xl:   1.875rem;
  --text-2xl:  2.5rem;
  --text-3xl:  3.25rem;
  --text-display: clamp(2.75rem, 6vw + 0.5rem, 5.25rem);

  /* — 4pt spacing scale — */
  --space-2xs: 4px;
  --space-xs:  8px;
  --space-sm:  12px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  40px;
  --space-2xl: 64px;
  --space-3xl: 96px;

  /* — radii (sharp, instrument-like) — */
  --radius-sm:   4px;
  --radius-md:   7px;
  --radius-lg:   10px;
  --radius-pill: 999px;

  /* — motion — */
  --dur-short: 120ms;
  --dur-mid:   220ms;
  --dur-long:  420ms;
  --ease-out:    cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-in:     cubic-bezier(0.5, 0, 0.75, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* — z-index scale (no magic 9999) — */
  --z-base: 1;
  --z-raised: 10;
  --z-sticky: 100;
  --z-overlay: 1000;
  --z-toast: 1100;
}