:root {
  --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%);
}