:root,
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f7fc;
  --bg-elevated: #eef3fb;
  --bg-2: #eef3fb;
  --surface: #f4f7fc;
  --surface-2: #ffffff;
  --card: #ffffff;
  --card-border: #d7dfed;
  --border: #d7dfed;
  --text: #0d1728;
  --text-muted: #5d6a82;
  --primary: #6c7de0;
  --primary-contrast: #ffffff;
  --primary-2: #5266d4;
  --success: #0ea972;
  --warning: #d97706;
  --danger: #e11d48;
  --shadow: 0 18px 38px rgba(15, 27, 46, 0.08);
  --radius: 16px;
  --focus: 0 0 0 3px rgba(108, 125, 224, 0.22);
  --ring: var(--focus);
  --input-bg: #ffffff;
  --input-text: #0d1728;
  --input-border: #cfd9ea;
  --placeholder: #7d8aa1;
  --table-header-bg: #f1f5fc;
  --table-row-bg: #ffffff;
  --table-row-hover: #edf3ff;
  --sidebar-bg: #f4f7fc;
  --sidebar-text: #253247;
  --sidebar-muted: #74829a;
  --sidebar-active-bg: #e9eefc;
  --sidebar-active-text: #13284c;
  --card-bg: var(--card);
  --chart-text: #5d7598;
  --chart-grid: rgba(93, 117, 152, 0.2);
  --calendar-filter: invert(0.25);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #09131f;
  --bg-elevated: #0c1625;
  --bg-2: #0c1625;
  --surface: #0c1625;
  --surface-2: #121d2c;
  --card: #161f2d;
  --card-border: rgba(255, 255, 255, 0.08);
  --border: rgba(255, 255, 255, 0.08);
  --text: #f5f1e8;
  --text-muted: #98a6bd;
  --primary: #6c7de0;
  --primary-contrast: #071223;
  --primary-2: #5266d4;
  --success: #34d399;
  --warning: #fbbf24;
  --danger: #fb7185;
  --shadow: 0 20px 46px rgba(2, 8, 23, 0.44);
  --radius: 16px;
  --focus: 0 0 0 3px rgba(108, 125, 224, 0.34);
  --ring: var(--focus);
  --input-bg: #121d2c;
  --input-text: #f5f1e8;
  --input-border: rgba(255, 255, 255, 0.1);
  --placeholder: #7f94b5;
  --table-header-bg: #141f30;
  --table-row-bg: #161f2d;
  --table-row-hover: #1d2839;
  --sidebar-bg: #0c1625;
  --sidebar-text: #d6deec;
  --sidebar-muted: #7f92b0;
  --sidebar-active-bg: #243457;
  --sidebar-active-text: #f5f1e8;
  --card-bg: var(--card);
  --chart-text: #98acd0;
  --chart-grid: rgba(152, 172, 208, 0.2);
  --calendar-filter: invert(0.85);
}