/* Lamplight design tokens. Two colours plus one accent: night ink, lamp amber, neon rose. */
:root {
  color-scheme: dark;

  /* Night ink (backgrounds) */
  --ink-950: #07090f;
  --ink-900: #0b0e1a;
  --ink-850: #10142a;
  --ink-800: #151a33;
  --ink-700: #1f2547;
  --ink-600: #2c3360;

  /* Lamp amber (the one warm light: focus, primary actions) */
  --lamp: #ffb35c;
  --lamp-soft: #ffd29a;
  --lamp-deep: #e8873a;
  --lamp-glow: rgba(255, 179, 92, 0.35);

  /* Neon rose (accent: live, reactions, break) */
  --rose: #f28fad;
  --rose-glow: rgba(242, 143, 173, 0.35);

  /* Text */
  --text: #f3e9d8;
  --text-dim: rgba(243, 233, 216, 0.68);
  --text-faint: rgba(243, 233, 216, 0.58);

  /* Glass surfaces */
  --glass: rgba(16, 20, 42, 0.62);
  --glass-strong: rgba(13, 16, 33, 0.86);
  --glass-line: rgba(243, 233, 216, 0.09);
  --glass-line-strong: rgba(243, 233, 216, 0.18);
  --blur: 18px;

  /* Status colours (desaturated so the lamp stays the hero) */
  --ok: #9fd6b0;
  --warn: #f5c76b;
  --danger: #ff7a7a;

  /* Type */
  --font-display: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --font-ui: 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, 'Cascadia Code', monospace;

  --fs-xs: 0.75rem;
  --fs-sm: 0.8125rem;
  --fs-md: 0.9375rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.5rem;
  --fs-2xl: clamp(2rem, 4vw, 3rem);
  --fs-hero: clamp(3rem, 9vw, 7.5rem);

  /* Space and shape */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-pill: 999px;

  --shadow: 0 10px 40px rgba(0, 0, 0, 0.45);
  --shadow-lamp: 0 0 40px var(--lamp-glow);

  /* Motion: everything eases like a dimmer switch */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --t-fast: 160ms;
  --t-med: 320ms;
  --t-slow: 900ms;

  /* Layout */
  --top-h: 56px;
  --dock-h: 68px;
  --left-w: 300px;
  --right-w: 360px;

  /* Layers */
  --z-scene: 0;
  --z-view: 10;
  --z-dock: 20;
  --z-overlay: 50;
  --z-modal: 80;
  --z-toast: 100;
}

@media (prefers-reduced-motion: reduce) {
  :root { --t-fast: 0ms; --t-med: 0ms; --t-slow: 0ms; }
}