/* WLF color adaptation only. Version 8 owns type, geometry, navigation and motion.
   Palette: zen-code:/root/zen/projects/wlf-staging/DESIGN.md, 2026-09-21.
   Read-only source inspection at commit 25e690ea (working document also read).
   Bright blue is text on navy; institutional trust blue is the filled action. */
:root {
  color-scheme: dark;
  --bg: #0B1422;
  --surface: #111E30;
  --raised: #132A49;
  --line: #2A3A50;
  --ink: #F5F8FC;
  --muted: #AEBCCE;
  --accent: #56B5ED;
  --on-accent: #0B1422;
  --action: #0065B3;
  --action-on: #FFFFFF;
  --action-hover: #005392;
  --blue: #0B7ED4;
  --aqua: #D9F0FF;
  --gold: #F3A33B;
  --violet: #C6CEE9;
  --light: #F5F8FC;
  --error: #F06A6A;
  --focus: #56B5ED;
  --green: var(--accent);
  --green-deep: #0E2039;
  --soft: #102A40;
  --on-green-muted: #AEBCCE;
  --phone-screen-bg: var(--bg);
  --phone-system-fg: var(--ink);
  --phone-stage-bg: #091624;
  --v4-stage: var(--phone-stage-bg);
  --v4-orbit: #0065B3;
  --v4-lime-soft: #D9F0FF;
  --v4-silver: #D9E0E8;
  --v4-metal-ink: #111C2E;
  --v4-track: #2A3A50;
  --fin-lime-depth: #0065B3;
  --fin-aqua-depth: #496079;
  --fin-gold-depth: #A55A00;
  --fin-rail: #2A3A50;
}

/* Preserve the v8 pill shape, full active tab, icons and labels. */
.btn-primary,
.nav-item[aria-current=page] {
  background: var(--action);
  border-color: var(--action);
  color: var(--action-on);
}
@media (hover:hover) {
  .btn-primary:hover,
  .nav-item[aria-current=page]:hover {
    background: var(--action-hover);
    color: var(--action-on);
  }
}
.btn-primary:disabled {
  background: var(--raised);
  border-color: var(--line);
  color: var(--muted);
}

/* The original sculpted sphere stays. Only its pigments change. */
.v4-sun {
  background: radial-gradient(circle at 28% 20%, #F5F8FC, #D9F0FF 22%, #56B5ED 47%, #0065B3 76%, #C6CEE9 91%);
  box-shadow: inset 0 0 0 1px #D9F0FF80, var(--v4-material-shadow);
}
.v4-sun::before { border-color: #D9F0FF55; }
.v4-sun::after { background: #D9F0FF33; }
.material-sun {
  background: radial-gradient(circle at 30% 22%, #F5F8FC 0, #D9F0FF 16%, #56B5ED 40%, #0065B3 68%, #C6CEE9 88%, #0065B3);
  box-shadow: inset 0 0 0 1px #D9F0FF66, 0 8px 20px #0006;
}
.v4-metal-card {
  background: linear-gradient(120deg, #AEBCCC, #F5F8FC 44%, #C6CEE9 74%, #D9F0FF);
}
.saved-row { background: linear-gradient(135deg, var(--raised), var(--surface) 70%); }
.scene-tag { background: #0B1422B3; }
.comparison-box.alternative, .possibility-entry { background: #102A40; }
.outlook-card .coverage-row { border-color: var(--line); }

@media print {
  .view[data-screen="money-summary"] .summary-page {
    --accent: #0065B3;
    --aqua: #005392;
    --blue: #132A49;
    --gold: #A55A00;
  }
}