/* Second design. Loaded after app.css; only overrides. Navy #19345d, teal #00a7b9. */
:root {
  --bg: #f4f8fa;
  --card: #ffffff;
  --text: #333a45;
  --muted: #5f6b7a;
  --border: #d9e2ea;
  --accent: #19345d;
  --accent-ink: #ffffff;
  --accent-soft: #e2f4f6;
  --hero: #19345d;
  --hero-text: #ffffff;
  --hero-muted: rgba(255, 255, 255, .8);
  --teal: #00a7b9;
  --teal-ink: #00808e; /* teal dark enough for small text on white */
  --info: #19345d; --info-bg: #e8f6f8;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0b1626; --card: #12223a; --text: #e4eaf2; --muted: #9aa9bc; --border: #233a5a;
    --accent: #4cc3d1; --accent-ink: #0b1626; --accent-soft: #123049; --hero: #0a1830;
    --teal: #2bbccc; --teal-ink: #4cc3d1; --info: #6fd0db; --info-bg: #122d48;
  }
}

body { color: var(--text); }
h1, h2 { color: var(--accent); }
a:hover { color: var(--teal-ink); }

header.bar { border-bottom-color: var(--teal); padding-top: 12px; padding-bottom: 12px; }
header.bar .brand { gap: 14px; font-weight: 600; }
header.bar .brand .logo-wide { display: block; height: 30px; width: auto; border-radius: 0; background: none; box-shadow: none; }
header.bar .brand .logo-wide + .app-name { padding-left: 14px; border-left: 1px solid rgba(255, 255, 255, .35); }
header.bar nav a:hover, header.bar .linklike:hover { color: var(--teal); }

.tenantbar nav a { color: var(--accent); }
.tenantbar nav a:hover { color: var(--teal-ink); }

/* square corners throughout, like the site */
.card, .steps, .kpis, .guide, .report, .fn-tabs, .flash, .btn, .scale-pick .opt,
input, select, textarea, .guide figure img, .theme-pick { border-radius: 2px; }
.guide .tip, .guide .note { border-left-color: var(--teal); border-radius: 0; }
.card { border-top: 3px solid var(--teal); }
.card.flush, .card.empty { border-top-width: 1px; border-top-color: var(--border); }

.btn { font-weight: 600; letter-spacing: .01em; }
.btn:hover { filter: brightness(.9); }
a.btn:hover { color: var(--accent-ink); }
.btn.ghost:hover { filter: none; background: var(--accent-soft); color: var(--accent); }
.btn.danger:hover { color: var(--danger); }
a.btn.btn-danger:hover { color: #fff; }
.eyebrow { color: var(--teal-ink); text-transform: uppercase; letter-spacing: .06em; font-size: .8rem; }

/* sign-in page: wide white logo sits on a navy band */
body.bare { background: var(--hero); }
.auth-card { border-radius: 2px; border-top: 0; overflow: hidden; }
.auth-brand { margin: -28px -28px 22px; padding: 18px 28px; background: #0f2647; color: #fff; border-bottom: 3px solid var(--teal); gap: 14px; font-weight: 600; }
.auth-brand .logo-wide { display: block; height: 34px; width: auto; border-radius: 0; background: none; box-shadow: none; }
.auth-brand .logo-wide + .app-name { padding-left: 14px; border-left: 1px solid rgba(255, 255, 255, .35); }

@media print {
  .card { border-top-width: 1px; border-top-color: var(--border); }
}
.readiness:not(.readiness-sm), .ans { border-radius: 2px; }