/* assets/css/tokens.css — single source of truth for all design tokens */

*, *::before, *::after { box-sizing: border-box; }

:root {
  /* Brand colours */
  --saffron:    oklch(65% 0.20 52);
  --marigold:   oklch(72% 0.18 65);
  --teal:       oklch(45% 0.14 195);
  --teal-lt:    oklch(72% 0.14 195);
  --teal-light: oklch(90% 0.07 195);
  --vermillion: oklch(58% 0.20 30);
  --green:      oklch(58% 0.18 145);
  --green-deep: oklch(38% 0.14 150);
  --purple:     oklch(58% 0.18 280);
  --gold-stroke: oklch(68% 0.16 75);

  /* Light mode surfaces */
  --parchment:  oklch(97% 0.015 80);
  --paper:      oklch(94% 0.02 60);
  --paper-ink:  oklch(20% 0.04 30);

  /* Text on light */
  --ink:        oklch(18% 0.03 240);
  --ink-soft:   oklch(40% 0.03 240);
  --ink-faint:  oklch(75% 0.02 240);

  /* Dark app surfaces */
  --bg:         oklch(10% 0.025 240);
  --bg2:        oklch(14% 0.03 240);
  --bg3:        oklch(18% 0.03 240);
  --border:     oklch(22% 0.03 240);

  /* Text on dark */
  --muted:      oklch(55% 0.02 240);
  --faint:      oklch(35% 0.02 240);

  /* Legacy aliases — used by adapted source files */
  --text:       var(--ink);
  --text-muted: var(--muted);
}