/* Agentic OS tokens: original forest/mint palette, refined with UI UX Pro Max
   guidance for clear hierarchy, readable labels, resilient text and interaction.
   YEGOV-inspired foundations remain an approximation, not exact Figma tokens. */
:root {
  color-scheme: light;
  --color-page: #fafbf8;
  --color-surface: #ffffff;
  --color-soft: #f0f3ed;
  --color-ink: #172c26;
  --color-muted: #52615a;
  --color-primary: #164e40;
  --color-primary-hover: #0b382d;
  --color-mint: #c8f2d4;
  --color-on-dark: #f5faf6;
  --color-dark-muted: #c1d3c9;
  --color-border: #d8e1d9;
  --color-border-dark: #3d6657;
  --color-warning: #74501d;
  --color-warning-bg: #faf0dc;
  --color-focus: #1769ba;
  --color-control-border: #718779;
  --color-selected: #e5f1e7;
  --color-sidebar: #f3f6f1;
  --color-dark: #103c31;
  --color-header: #fafbf8f5;
  --color-subtle-line: #e6ebe5;
  --color-document-line: #d5e2d4;
  --color-status-foundation: #315647;
  --color-status-foundation-bg: #edf4ed;
  --color-status-planned: #4a5861;
  --color-status-planned-bg: #edf0f3;
  --font-body: 'Segoe UI', Tahoma, Arial, sans-serif;
  --font-mono: 'Cascadia Code', Consolas, monospace;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --radius-sm: 0.5rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --radius-pill: 999px;
  --shadow-card: 0 18px 50px #1233290c;
  --shadow-raised: 0 8px 24px #12332914;
  --content-width: 1248px;
  --ease: 180ms ease;
  --motion-feedback: 100ms ease-out;
  --motion-reveal: 220ms ease-out;
}