.theme-water-metal {
  --bg: linear-gradient(180deg, #e8f2fb 0%, #f5f9ff 45%, #eef2f6 100%);
  --grid-bg: linear-gradient(rgba(31, 106, 165, 0.08) 1px, transparent 1px),
             linear-gradient(90deg, rgba(31, 106, 165, 0.08) 1px, transparent 1px);
  --header-bg: rgba(238, 246, 255, 0.85);
  --accent: #1f6aa5;
  --accent-2: #c5a24a;
  --brand-mark: linear-gradient(135deg, #1f6aa5, #c5a24a);
  --hero-bg: radial-gradient(circle at 20% 20%, rgba(31, 106, 165, 0.22), transparent 55%),
             radial-gradient(circle at 80% 10%, rgba(197, 162, 74, 0.25), transparent 45%),
             linear-gradient(120deg, #e6f0ff 0%, #f7fbff 55%, #e5e0d3 100%);
  --note-bg: rgba(31, 106, 165, 0.12);
  --band-bg: rgba(222, 234, 248, 0.6);
  --split-bg: rgba(236, 244, 255, 0.7);
  --panel-bg: rgba(255, 255, 255, 0.9);
  --pill-bg: rgba(197, 162, 74, 0.18);
  --client-bg: rgba(255, 255, 255, 0.9);
  --footer-bg: #0b1522;
  --footer-text: #e2e8f0;
}