:root {
  --color-bg: #f5f6f8;
  --color-surface: #ffffff;
  --color-text: #1a2230;
  --color-muted: #5b6472;
  --color-primary: #2457a7;
  --color-ok: #1a7f37;
  --color-border: #e2e6ec;

  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;

  --radius-md: 10px;
  --shadow-sm: 0 1px 3px rgba(16, 24, 40, .08);

  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #12161d;
    --color-surface: #1b212b;
    --color-text: #e7ebf1;
    --color-muted: #9aa4b2;
    --color-border: #2a323f;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);
  }
}