@layer tokens {
/* ── Design tokens ─────────────────────────────────────── */
:root {
  --bg:        oklch(96.5% 0.008 65);
  --surface:   oklch(99.5% 0.004 65);
  --sidebar-bg:oklch(98.5% 0.007 65);
  --border:    oklch(91% 0.008 65);
  --text:      oklch(18% 0.015 65);
  --muted:     oklch(52% 0.012 65);
  --faint:     oklch(68% 0.01 65);

  --sage-fg:     oklch(34% 0.09 148);
  --sage-bg:     oklch(92% 0.045 148);
  --sage-dot:    oklch(68% 0.11 148);
  --rose-fg:     oklch(38% 0.09 8);
  --rose-bg:     oklch(93% 0.04 8);
  --rose-dot:    oklch(68% 0.11 8);
  --peach-fg:    oklch(36% 0.09 52);
  --peach-bg:    oklch(93% 0.04 52);
  --peach-dot:   oklch(70% 0.11 52);
  --lavender-fg: oklch(36% 0.08 285);
  --lavender-bg: oklch(93% 0.04 285);
  --lavender-dot:oklch(68% 0.10 285);
  --mint-fg:     oklch(34% 0.08 170);
  --mint-bg:     oklch(93% 0.04 170);
  --mint-dot:    oklch(68% 0.11 170);

  /* Danger — destructive actions (delete/remove) */
  --danger-fg: oklch(48% 0.12 8);
  --danger-bg: oklch(97% 0.015 8);

  /* Amber — week notes / quick-add accents */
  --amber-fg:     oklch(52% 0.07 75);
  --amber-accent: oklch(76% 0.085 75);
  --amber-bg:     oklch(96.5% 0.028 85);
  --amber-border: oklch(88% 0.04 80);

  /* Elevation — shadows share the --text hue; use oklch(var(--shadow-color) / α) */
  --shadow-color: 18% 0.015 65;

  /* Motion */
  --t-fast: 0.1s;
  --t:      0.12s;
  --t-slow: 0.15s;

  /* Radii */
  --r-sm:    6px;
  --r:       8px;
  --r-md:   10px;
  --r-lg:   12px;
  --r-pill: 999px;
}
}