:root {
  --bg: #f3f7f8;
  --surface-2: #f5f9fa;
  --line: #d7e4e8;
  --line-soft: #e8eff1;
  --text: #142b3b;
  --muted: #5b7180;
  --green: #032851;
  --green-soft: #e0f7f7;
}
body { background: var(--bg); color: var(--text); }
.login-shell { background: #eef6f7; }
.login-panel { border: 1px solid var(--line); background: #fff; color: var(--text); box-shadow: 0 22px 60px rgba(3,40,81,.12); }
.login-panel .muted { color: var(--muted); }
.login-panel .form-stack label { color: var(--text); }
.login-panel .form-stack input { border-color: var(--line); background: #fff; color: var(--text); }
.platform-wordmark { display: block; width: 180px; height: 70px; object-fit: contain; }
.login-brand .platform-wordmark { width: 210px; height: 84px; }
.rail-brand .platform-wordmark { width: 174px; height: 70px; }
.rail-brand { padding-bottom: 19px; }
.button.primary { border-color: #032851; background: #032851; color: #fff; }
.button.primary:hover { background: #074174; }
.eyebrow, .section-label { color: #087e87; }
.nav-item.selected { background: #e0f7f7; color: #032851; }
.nav-item:hover:not(.selected) { color: #032851; }
.admin-avatar { background: #dff6f7; color: #032851; }
.toast { background: #032851; color: #fff; }
@media (max-width: 600px) {
  .rail-brand .platform-wordmark { width: 140px; height: 52px; }
  .rail-brand { padding-bottom: 6px; }
  .nav-item.selected { border-bottom-color: #14c8cb; }
}