:root {
  --brand: #005eb8;
  --brand-hover: #004a94;
  --brand-light: #3d8fd4;
  --brand-muted: #e8f2fa;
  --brand-ring: rgba(0, 94, 184, 0.22);

  --bg: #eef1f5;
  --bg-subtle: #f8fafc;
  --surface: #ffffff;
  --surface-elevated: #ffffff;
  --text: #0f172a;
  --text-secondary: #64748b;
  --text-tertiary: #94a3b8;
  --border: #e2e8f0;
  --border-strong: #cbd5e1;

  --success: #059669;
  --success-bg: #ecfdf5;
  --warning: #d97706;
  --warning-bg: #fffbeb;
  --danger: #dc2626;
  --danger-bg: #fef2f2;

  --sidebar-w: 252px;
  --topbar-h: 56px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-full: 999px;
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 4px 16px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 12px 40px rgba(15, 23, 42, 0.12);

  --font: "Segoe UI", "Segoe UI Variable", system-ui, -apple-system, sans-serif;
  --transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

[data-theme="dark"] {
  --bg: #0c1220;
  --bg-subtle: #111827;
  --surface: #151d2e;
  --surface-elevated: #1c2740;
  --text: #f1f5f9;
  --text-secondary: #94a3b8;
  --text-tertiary: #64748b;
  --border: #243044;
  --border-strong: #334155;
  --brand-muted: rgba(0, 94, 184, 0.18);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.5);
}