:root {
  --font: "Segoe UI", system-ui, -apple-system, sans-serif;
  --navy: #0d3b66;
  --navy-deep: #0f2a4a;
  --teal: #00a896;
  --emerald: #5cb85c;
  --emerald-hover: #4cae4c;
  --emerald-ring: #10b981;
  --emerald-soft: #a7f3d0;
  --bg: #f3f5f8;
  --surface: #ffffff;
  --surface-muted: #f9fafb;
  --surface-soft: rgba(249, 250, 251, 0.8);
  --text: #1f2937;
  --text-strong: #111827;
  --text-muted: #9ca3af;
  --text-secondary: #6b7280;
  --border: #f3f4f6;
  --border-strong: #e5e7eb;
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.08), 0 2px 4px -2px rgba(15, 23, 42, 0.06);
  --shadow-lg: 0 25px 50px -12px rgba(15, 23, 42, 0.25);
  --radius-sm: 0.5rem;
  --radius: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.25rem;
  --radius-2xl: 1.5rem;
  --sidebar: 16rem;
  --header: 4rem;
  --login-start: #b8d0e0;
  --login-mid: #e5eff5;
  --login-end: #f4f7f9;
  --overlay: rgba(0, 0, 0, 0.4);
  --focus: 0 0 0 2px var(--emerald-ring);
  --danger: #f43f5e;
  --warning: #f59e0b;
  --info: #3b82f6;
  --success: #10b981;
  --blue-soft: #eff6ff;
  --emerald-soft-bg: #ecfdf5;
  --teal-soft: #f0fdfa;
  --rose-soft: #fff1f2;
  --amber-soft: #fffbeb;
  --nav-active: rgba(229, 231, 235, 0.7);
  --chip: rgba(229, 231, 235, 0.5);
  color-scheme: light;
}

[data-theme="dark"] {
  --bg: #0e141b;
  --surface: #17212b;
  --surface-muted: #1c2833;
  --surface-soft: rgba(28, 40, 51, 0.85);
  --text: #e7eef5;
  --text-strong: #f8fafc;
  --text-muted: #93a4b5;
  --text-secondary: #b7c4d1;
  --border: #243140;
  --border-strong: #314355;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 8px 20px rgba(0, 0, 0, 0.28);
  --shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, 0.55);
  --login-start: #0c2436;
  --login-mid: #102838;
  --login-end: #0c1822;
  --nav-active: rgba(255, 255, 255, 0.08);
  --chip: rgba(255, 255, 255, 0.06);
  --blue-soft: rgba(59, 130, 246, 0.16);
  --emerald-soft-bg: rgba(16, 185, 129, 0.16);
  --teal-soft: rgba(20, 184, 166, 0.16);
  --rose-soft: rgba(244, 63, 94, 0.16);
  --amber-soft: rgba(245, 158, 11, 0.16);
  color-scheme: dark;
}