:root {
  --color-brand: #0d2d7c;
  --color-brand-deep: #091f57;
  --color-brand-accent: #78bde8;
  --color-highlight: #fff066;
  --color-action: #c93c00;
  --color-action-hover: #a83200;
  --color-page: #f4f6fa;
  --color-surface: #ffffff;
  --color-surface-muted: #eef3fa;
  --color-text: #16213a;
  --color-text-muted: #5c6779;
  --color-border: #dde4ee;
  --font-body: 'Fira Sans', system-ui, -apple-system, sans-serif;
  --font-code: 'Fira Code', ui-monospace, Menlo, monospace;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-body: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.5rem;
  --font-size-2xl: 2rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --radius-control: 0.625rem;
  --radius-card: 0.75rem;
  --radius-pill: 999px;
  --shadow-card: 0 1px 3px rgba(13, 45, 124, 0.07);
  --content-wide: 72rem;
  --content-reading: 72ch;
  --focus-ring: 0 0 0 3px rgba(120, 189, 232, 0.7);
}