:root,
[data-theme="light"] {
  --color-bg: #f4f7fb;
  --color-surface: #ffffff;
  --color-surface-elevated: #ffffff;
  --color-primary: #0b2138;
  --color-primary-dark: #061428;
  --color-accent: #2e6db4;
  --color-accent-soft: #e1eef9;
  --color-text: #0b2138;
  --color-text-muted: #5a6b7d;
  --color-income: #1b7a4e;
  --color-income-bg: #e8f5ee;
  --color-expense: #c0392b;
  --color-expense-bg: #fdecea;
  --color-border: #d8e2ed;
  --color-header-bg: #0b2138;
  --color-header-text: #ffffff;
  --color-shadow: rgba(11, 33, 56, 0.08);
  --color-chart-grid: rgba(11, 33, 56, 0.1);
  --color-heatmap-low: #e1eef9;
  --color-heatmap-high: #0b2138;
  --color-warning-bg: #fff8e6;
  --color-warning-text: #8a6d00;
  --logo-horizontal: url("../assets/brand/logo-horizontal-light.png");
  --logo-vertical: url("../assets/brand/logo-vertical-light.png");
}

[data-theme="dark"] {
  --color-bg: #0a1628;
  --color-surface: #122038;
  --color-surface-elevated: #1a2d4a;
  --color-primary: #5b9bd5;
  --color-primary-dark: #3a7bc8;
  --color-accent: #7eb8e8;
  --color-accent-soft: #1e3a5f;
  --color-text: #e8eef5;
  --color-text-muted: #94a3b8;
  --color-income: #4ade80;
  --color-income-bg: rgba(74, 222, 128, 0.12);
  --color-expense: #f87171;
  --color-expense-bg: rgba(248, 113, 113, 0.12);
  --color-border: #1e3a5f;
  --color-header-bg: #061428;
  --color-header-text: #e8eef5;
  --color-shadow: rgba(0, 0, 0, 0.35);
  --color-chart-grid: rgba(232, 238, 245, 0.08);
  --color-heatmap-low: #1a2d4a;
  --color-heatmap-high: #7eb8e8;
  --color-warning-bg: rgba(250, 204, 21, 0.12);
  --color-warning-text: #facc15;
  --logo-horizontal: url("../assets/brand/logo-horizontal-dark.png");
  --logo-vertical: url("../assets/brand/logo-vertical-light.png");
}

[data-theme="dark"] .logo-vertical {
  filter: brightness(0) invert(1);
}