/* Business theme: navy sidebar, serif headings, squarer corners. Loaded after simple.css. */
:root {
  --accent: #1d4ed8; --accent-ink: #1a43b8; --accent-soft: #e8eefc;
  --radius: 4px; --head-font: Georgia, "Times New Roman", serif;
  --side-bg: #0f2747; --side-ink: #c9d5e6; --side-on: rgba(255, 255, 255, .12); --side-on-ink: #ffffff;
}
:root[data-theme=dark] { --accent: #7aa2ff; --accent-ink: #a9c1ff; --accent-soft: #1a2747; --on-accent: #0f1216; --side-bg: #0b1a30; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) { --accent: #7aa2ff; --accent-ink: #a9c1ff; --accent-soft: #1a2747; --on-accent: #0f1216; --side-bg: #0b1a30; }
}
.side { border-right-color: transparent; }
.side .brand, .side-foot .who { color: #fff; }
.side .nav-label, .side-foot .role { color: #8fa3bf; }
.side .nav a:hover { background: rgba(255, 255, 255, .08); color: #fff; }
.side .site-pick { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .12); }
.side .site-pick .name { color: #fff; } .side .site-pick .label, .side .site-pick .plan { color: #8fa3bf; }
.side-foot { border-top-color: rgba(255, 255, 255, .12); }
.side .linkish, .side-foot a { color: #c9d5e6; }
.btn, button { border-radius: 4px; }
th { letter-spacing: .06em; }
body.short main.card { border-top: 4px solid #0f2747; }
.topbar { border-bottom-color: transparent; }
.topbar, .topbar .brand { color: #fff; } .topbar-site { color: #8fa3bf; }
.menu-btn:hover { background: rgba(255, 255, 255, .08); }
.side .site-pick .exit { background: rgba(255, 255, 255, .1); color: #fff; border-color: rgba(255, 255, 255, .2); }