:root {
  --color-primary: #12324f;
  --color-secondary: #7adcb4;
  --color-accent: #7adcb4;
  --color-background: #ffffff;
  --color-surface: #f2f2f2;
  --color-text: #000000;
  --color-muted: #737373;
  --color-border: #d9d9d9;
  --color-on-primary: #ffffff;
  --font-heading: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 9999px;
  --space-unit: 4px;
}