:root {
  color-scheme: light;
  --color-brand-primary: #1e3a8a;
  --color-brand-strong: #162e72;
  --color-brand-secondary: #60a5fa;
  --color-brand-soft: #eff6ff;
  --color-border-light: #e2e8f0;
  --color-ink: #0f1115;
  --color-background: #f5f7fb;
  --color-surface: #ffffff;
  --color-surface-muted: #f8fafc;
  --color-surface-hover: #f1f5f9;
  --color-text: #0f1115;
  --color-text-secondary: #596579;
  --color-text-muted: #8490a3;
  --color-border: #e2e8f0;
  --color-border-strong: #cbd5e1;
  --color-success: #15803d;
  --color-success-soft: #f0fdf4;
  --color-warning: #b45309;
  --color-warning-soft: #fffbeb;
  --color-danger: #b91c1c;
  --color-danger-soft: #fef2f2;
  --color-info: #2563eb;
  --color-info-soft: #eff6ff;
  --shadow-card: 0 1px 2px rgb(15 17 21 / 4%), 0 8px 28px rgb(30 58 138 / 5%);
  --sidebar-width: 264px;
  --sidebar-collapsed-width: 80px;
  --topbar-height: 72px;
  --content-max-width: 1560px;
  --radius-card: 12px;
  --font-ui: Geist, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --color-brand-soft: #162a4d;
  --color-background: #0b1220;
  --color-surface: #121c2f;
  --color-surface-muted: #172337;
  --color-surface-hover: #1c2a42;
  --color-text: #f4f7fb;
  --color-text-secondary: #aebbd0;
  --color-text-muted: #7d8ba2;
  --color-border: #24324a;
  --color-border-strong: #34445f;
  --color-success: #4ade80;
  --color-success-soft: #122b20;
  --color-warning: #fbbf24;
  --color-warning-soft: #35270d;
  --color-danger: #f87171;
  --color-danger-soft: #3a171b;
  --color-info: #8bbdff;
  --color-info-soft: #162a4d;
  --shadow-card: 0 12px 35px rgb(0 0 0 / 18%);
}