/* Hush tokens. Components read only the seven role tokens; the mood engine
   overwrites them on .hush-screen. Mood source values are for swatches only. */

:root, [data-theme="day"] {
  --bg: #eceae5;
  --surface: #f7f5f1;
  --ink: #2a2a27;
  --muted: #62605a;
  --accent: #4b6b5f;
  --on-accent: #f7f5f1;
  --track: #d2d0cd;
  color-scheme: light;
}
[data-theme="night"] {
  --bg: #141414;
  --surface: #1e1e1e;
  --ink: #e9e9e6;
  --muted: #9a9a96;
  --accent: #c9c9c4;
  --on-accent: #141414;
  --track: #434342;
  color-scheme: dark;
}

:root {
  --meadow-accent: #4a773c;
  --concrete-accent: #45567a;
  --porch-accent: #a24d29;
  --shore-accent: #286f76;
  --static-accent: #d6dbe1;
  --dusk-accent: #e9a9b2;
  --ember-accent: #e0a458;
  --slate-accent: #8fb8de;
  --tide-accent: #6fc7c0;
  --moss-accent: #9cc59a;

  --font-sans: "Inter", -apple-system, system-ui, sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 999px;
  --hit-target: 44px;
  --button-height: 52px;
  --track-height: 4px;
  --thumb-size: 22px;
  --content-max: 440px;
  --fade-colors: 1200ms ease;
}