/* Atlas: azul e branco no modo claro; azul e preto no modo escuro. */
:root {
  color: #f5f8ff;
  background: #050913;
  --bg: #050913;
  --panel: #0c1728;
  --panel2: #13243d;
  --line: #29405f;
  --text: #f5f8ff;
  --muted: #a4b5cf;
  --lime: #74acff;
  --blue: #74acff;
  --shadow: 0 20px 60px #00081780;
}
.app-shell {
  background: radial-gradient(circle at 54% -180px, #142f65 0, transparent 580px), var(--bg);
}
.app-shell.light {
  --bg: #f4f7fd;
  --panel: #fff;
  --panel2: #edf3ff;
  --line: #d7e3f5;
  --text: #142441;
  --muted: #5d6e8b;
  --lime: #195fda;
  --blue: #195fda;
  --shadow: 0 18px 48px #174a9620;
  background: radial-gradient(circle at 54% -180px, #dce9ff 0, transparent 580px), var(--bg);
}
.topbar { border-bottom-color: var(--line); }
.brand-mark { background: #216be8; color: white; }
.brand span:last-child { color: var(--lime); }
.hero {
  background: linear-gradient(135deg, #3485ff 0%, #175bcc 65%, #0d3f9c 100%);
  color: white;
}
.hero .eyebrow { color: #dceaff; }
.hero .pill { background: #ffffff29; color: white; }
.hero .btn { background: white; color: #164fb4; }
.btn-primary { color: #061629; }
.light .btn-primary { color: white; }
.pill { background: #ffffff1b; color: var(--text); }
.light .pill { background: #e8f0ff; color: #164a9c; }
.light .hero .pill { background: #ffffff29; color: white; }
.small-icon { background: #2478ee24; }
.subtle-banner { background: #2879ee13; border-color: #2879ee58; }
.day.done, .nav-item.active { background: #2879ee22; }
.day.done { border-color: #2879ee88; }
.day.current { box-shadow: 0 0 0 2px #2879ee34; }
.exercise input:checked:after { color: #061629; }
.light .exercise input:checked:after { color: white; }
.bottom-nav { background: #09172aeF; border-color: #3458899c; }
.light .bottom-nav { background: #fffffff2; border-color: #d7e3f5; }
.light .nav-item.active { color: #1658cb; }
select { background: #13243d; border-color: #29405f; color: #f5f8ff; }
.light select { background: #edf3ff; border-color: #d7e3f5; color: #142441; }
.meal-art { background: radial-gradient(circle at 50% 40%, #3c6ca9, #142b4b 70%); }
.meal:nth-child(2) .meal-art { background: radial-gradient(circle at 50% 40%, #426da9, #172a48 70%); }
.meal:nth-child(3) .meal-art { background: radial-gradient(circle at 50% 40%, #3e79bc, #152b4e 70%); }
.meal:nth-child(4) .meal-art { background: radial-gradient(circle at 50% 40%, #5379af, #192b48 70%); }
.meal:nth-child(5) .meal-art { background: radial-gradient(circle at 50% 40%, #3c6d9e, #122b4a 70%); }
.bonus-art { background: radial-gradient(circle at 40% 40%, #4b84d1, #183866 75%); }
.bonus:nth-child(2) .bonus-art { background: radial-gradient(circle at 40% 40%, #6d9dda, #1b3a65 75%); }
.bonus:nth-child(3) .bonus-art { background: radial-gradient(circle at 40% 40%, #5b83c4, #1d2f5f 75%); }
.avatar { background: #216be8; color: white; }
.welcome-wrap { background: #f4f7fd; color: #142441; }
.welcome-art {
  background: radial-gradient(circle at 60% 25%, #6caaff, #2165d8 48%, #103b91 100%);
  color: white;
}
.welcome-art .eyebrow { color: #e3eeff; }
.welcome-art .pill { background: #ffffff30; color: white; }
.welcome-form { background: #fff; }
.welcome-panel .eyebrow { color: #195fda; }
.welcome-panel .muted, .welcome-panel .note, .welcome-panel .field { color: #5d6e8b; }
.welcome-panel .field input, .welcome-panel select {
  background: #f4f7fd;
  border-color: #d7e3f5;
  color: #142441;
}
.welcome-panel .btn-primary { background: #195fda; color: white; }
.detail-hero { background: linear-gradient(135deg, #164da8, #0a2350); border-color: #397bdd; color: white; }
.detail-hero p { color: #e2edff; }
.toast { color: #061629; }
.light .toast { color: white; }