@layer tokens, base, layout, components, utilities;
@layer tokens {
:root {
  --fg: #1f1d1a; --muted: #6b675f; --accent: #6b4fa0; --bg: #fdfcf8;
  --surface: #f5f2ea; --border: #e3ded2; --good: #2c7a4b; --warn: #a05a1f;
  --font-body: 1.05rem/1.65 Georgia, "Times New Roman", serif;
  --font-ui: .95rem/1.4 system-ui, sans-serif;
  --measure: 46rem; --radius: 6px;
  --space-1: .25rem; --space-2: .5rem; --space-3: 1rem; --space-4: 2rem;
}
}