:root,
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f5f7fb;
  --bg-elevated: #eef2f8;
  --bg-2: #eef2f8;
  --surface: #ffffff;
  --surface-2: #f8fafc;
  --card: #ffffff;
  --card-border: #e0e6f1;
  --border: #d7dfec;
  --text: #0f172a;
  --text-muted: #5b6478;
  --primary: #1f6feb;
  --primary-contrast: #ffffff;
  --primary-2: #155dd4;
  --success: #0ea972;
  --warning: #d97706;
  --danger: #e11d48;
  --shadow: 0 16px 36px rgba(15, 27, 46, 0.08);
  --radius: 14px;
  --focus: 0 0 0 3px rgba(31, 111, 235, 0.18);
  --ring: var(--focus);
  --input-bg: #ffffff;
  --input-text: #0f172a;
  --input-border: #d7dfec;
  --placeholder: #7f8798;
  --table-header-bg: #f3f6fb;
  --table-row-bg: #ffffff;
  --table-row-hover: #f0f4ff;
  --sidebar-bg: #f8fafc;
  --sidebar-text: #1f2937;
  --sidebar-muted: #6b7280;
  --sidebar-active-bg: #e4ecfb;
  --sidebar-active-text: #0f172a;
  --card-bg: var(--card);
  --chart-text: #5f738f;
  --chart-grid: rgba(95, 115, 143, 0.2);
  --calendar-filter: invert(0.25);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #050d1d;
  --bg-elevated: #0a1327;
  --bg-2: #091427;
  --surface: #0f1d34;
  --surface-2: #12233e;
  --card: #141f35;
  --card-border: #2f4268;
  --border: #2b3e64;
  --text: #e5efff;
  --text-muted: #9db1ce;
  --primary: #3b82f6;
  --primary-contrast: #0b1426;
  --primary-2: #2563eb;
  --success: #34d399;
  --warning: #fbbf24;
  --danger: #fb7185;
  --shadow: 0 14px 30px rgba(0, 0, 0, 0.36);
  --radius: 14px;
  --focus: 0 0 0 3px rgba(59, 130, 246, 0.35);
  --ring: var(--focus);
  --input-bg: #0a1930;
  --input-text: #e5efff;
  --input-border: #324a70;
  --placeholder: #7f96b6;
  --table-header-bg: #11233f;
  --table-row-bg: #0f1d34;
  --table-row-hover: #172948;
  --sidebar-bg: #060f22;
  --sidebar-text: #c2d3eb;
  --sidebar-muted: #829abd;
  --sidebar-active-bg: #1e467e;
  --sidebar-active-text: #f4f8ff;
  --card-bg: var(--card);
  --chart-text: #9db1ce;
  --chart-grid: rgba(157, 177, 206, 0.2);
  --calendar-filter: invert(0.85);
}