:root {
  --color-bg: #FAFAF7;
  --color-surface: #FFFFFF;
  --color-text: #1C1D1F;
  --color-text-muted: #5B5E66;
  --color-border: #E2E2DC;
  --color-primary: #1F5E4B;
  --color-primary-hover: #174A3B;
  --color-on-primary: #FFFFFF;
  --color-danger: #B3261E;
  --color-success: #1E7A3C;
  --color-focus: #2F6FEB;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-size-lg: 20px;
  --font-size-xl: 24px;
  --font-size-2xl: 32px;
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-none: 0px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;
  --shadow-1: 0 1px 2px rgba(28,29,31,0.08);
  --shadow-2: 0 4px 12px rgba(28,29,31,0.10);
  --font-sans: "Source Sans 3", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
}