:root {
  --bg: #f6f7f9;
  --surface: #ffffff;
  --text: #1c2430;
  --text-muted: #5b6675;
  --border: #dfe3e8;
  --primary: #2563eb;
  --primary-strong: #1d4ed8;
  --on-primary: #ffffff;
  --danger: #b91c1c;
  --danger-bg: #fdeaea;
  --success: #15803d;
  --radius: 12px;
  --shadow: 0 1px 3px rgba(16, 24, 40, 0.08), 0 8px 24px rgba(16, 24, 40, 0.06);
  --font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #10151d;
    --surface: #1a2230;
    --text: #e8edf4;
    --text-muted: #9aa7b8;
    --border: #2a3547;
    --primary: #60a5fa;
    --primary-strong: #3b82f6;
    --on-primary: #0b1220;
    --danger: #f87171;
    --danger-bg: #3a1d22;
    --success: #4ade80;
    --shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.3);
  }
}