/* Direction A: Warm precision. Source: tokens.json. Not a complete component library. */
:root {
  --compound-ink: #172C2A;
  --compound-paper: #F7F5EF;
  --compound-green: #21614C;
  --compound-green-hover: #194D3C;
  --compound-muted: #52635F;
  --compound-clay: #8D493A;
  --compound-clay-hover: #773D31;
  --compound-surface: #FFFFFF;
  --compound-soft: #E9EEE5;
  --compound-border: #D9DDD5;
  --compound-control-border: #77857C;
  --compound-focus: #8D493A;
  --compound-error: #9B332E;
  --compound-error-surface: #FFF1EF;
  --compound-success: #21614C;
  --compound-success-surface: #E9EEE5;
  --compound-font-display: "Noto Serif", Georgia, serif;
  --compound-font-body: "Noto Sans", "Segoe UI", sans-serif;
  --compound-radius-control: 4px;
  --compound-radius-panel: 4px;
  --compound-content-max: 1240px;
  --compound-reading-max: 640px;
  --compound-space-1: 4px;
  --compound-space-2: 8px;
  --compound-space-3: 12px;
  --compound-space-4: 16px;
  --compound-space-5: 24px;
  --compound-space-6: 32px;
  --compound-space-7: 48px;
  --compound-space-8: 64px;
  --compound-space-9: 96px;
  --compound-motion-fast: 140ms;
  --compound-motion-standard: 220ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --compound-motion-fast: 0ms; --compound-motion-standard: 0ms; }
}