:root,
html[data-theme="dark"] {
  --brand-blue: #2d4470;
  --brand-blue-dark: #213455;
  --brand-blue-deep: #19273d;
  --brand-blue-light: #39517f;
  --brand-blue-soft: #4a5f89;
  --glass: rgba(255, 255, 255, 0.08);
  --glass-strong: rgba(255, 255, 255, 0.14);
  --glass-border: rgba(255, 255, 255, 0.18);
  --glass-highlight: rgba(255, 255, 255, 0.28);
  --panel-tint: rgba(106, 136, 196, 0.22);
  --panel-tint-strong: rgba(106, 136, 196, 0.3);
  --surface-tint: rgba(106, 136, 196, 0.16);
  --surface-tint-hover: rgba(106, 136, 196, 0.26);
  --page-gradient:
    radial-gradient(760px 560px at 18% 12%, rgba(74, 95, 137, 0.35), transparent 62%),
    radial-gradient(820px 620px at 88% 88%, rgba(33, 52, 85, 0.5), transparent 58%),
    linear-gradient(155deg, #39517f 0%, #2d4470 46%, #213455 100%);
  --sidebar-bg: #08141e;
  --sidebar-fg: #c5d6e4;
  --sidebar-border: #243848;
}

html[data-theme="light"] {
  --brand-blue: #4a6fa5;
  --brand-blue-dark: #2d4470;
  --brand-blue-deep: #1e3354;
  --brand-blue-light: #6a88c4;
  --brand-blue-soft: #8aa3cc;
  --glass: rgba(255, 255, 255, 0.72);
  --glass-strong: rgba(255, 255, 255, 0.88);
  --glass-border: rgba(45, 68, 112, 0.16);
  --glass-highlight: rgba(255, 255, 255, 0.95);
  --panel-tint: rgba(255, 255, 255, 0.78);
  --panel-tint-strong: rgba(255, 255, 255, 0.92);
  --surface-tint: rgba(255, 255, 255, 0.65);
  --surface-tint-hover: rgba(255, 255, 255, 0.85);
  --page-gradient:
    radial-gradient(760px 560px at 18% 12%, rgba(138, 163, 204, 0.28), transparent 62%),
    radial-gradient(820px 620px at 88% 88%, rgba(106, 136, 196, 0.18), transparent 58%),
    linear-gradient(155deg, #e8edf5 0%, #dce4f0 46%, #cfd9ea 100%);
  --sidebar-bg: #f0f4f8;
  --sidebar-fg: #1a2433;
  --sidebar-border: #c8d4e4;
}