/* Shared standalone palette: warm gray, charcoal, and vermilion. */
:root {
  --navy: #242221;
  --navy2: #3a3736;
  --ink: #242221;
  --brand: #f12d16;
  --brand-600: #d92712;
  --accent: #f12d16;
  --accent2: #d92712;
  --gold: #f12d16;
  --gold-600: #d92712;
  --primary: #f12d16;
  --primary-dark: #d92712;
  --bg: #f3f1f0;
  --card: #ffffff;
  --line: #d0cdcb;
  --text: #242221;
  --muted: #66615f;
  --green: #2e7d4f;
  --red: #d92712;
  --amber: #c56b13;
  --shadow: 0 2px 8px rgba(36,34,33,.06);
  --shadow-raised: 0 1px 3px rgba(36,34,33,.08);
  color-scheme: light;
}

html, body { background: var(--bg) !important; color: var(--text) !important; }
body { background-image: none !important; }
header, header.nav {
  color: var(--text) !important;
  background: var(--bg) !important;
  border-bottom: 1px solid #aaa6a4 !important;
  box-shadow: none !important;
}
header :is(a,button,span,strong,b,h1,h2,p,small), header.nav :is(a,button,span,strong,b,h1,h2,p,small) {
  color: var(--text) !important;
}
header :is(button,.btn) { background: #fff !important; border: 1px solid #aaa6a4 !important; }
nav, .navGroupBtn, .navSub, nav button { color: var(--text) !important; background: #ece9e8 !important; }
nav button, .navGroupBtn { border-color: transparent !important; }
nav button.active, .navGroupBtn.activeGroup, .navGroupBtn.navDirect.active,
.navSub button.active { color: var(--accent) !important; border-top-color: var(--accent) !important; }
nav button:hover:not(.active), .navSub button:hover, .navGroupBtn:hover { color: var(--accent) !important; background: #e5e1df !important; }
.card, .modal, .modal-content, .authCard, .loginCard, .panel {
  color: var(--text) !important; background: var(--card) !important;
  border-color: var(--line) !important; box-shadow: var(--shadow-raised) !important;
}
.card h2, .card h3, .sectionTitle { color: var(--text) !important; }
.card h2 { border-bottom-color: var(--accent) !important; }
a, .link, .textLink { color: var(--accent) !important; }
input, select, textarea {
  color: var(--text) !important; background: #fff !important;
  border-color: #c7c3c1 !important; box-shadow: none !important;
}
input:focus, select:focus, textarea:focus { border-color: var(--accent) !important; }
button.btn, .btn.primary, button.primary, .btn:not(.secondary):not(.danger):not(.success) {
  color: #fff !important; background: var(--accent) !important; border-color: var(--accent) !important;
  box-shadow: none !important;
}
button.btn:hover, .btn.primary:hover, button.primary:hover { background: var(--accent2) !important; }
button.btn.secondary, .btn.secondary, button.secondary {
  color: var(--text) !important; background: #f2f0ef !important; border-color: #bbb7b5 !important;
}
.btn.danger, button.danger { background: var(--red) !important; border-color: var(--red) !important; }
.btn.success, button.success { background: var(--green) !important; border-color: var(--green) !important; }
table th, .tblwrap thead th { color: var(--text) !important; background: #eeeceb !important; border-color: var(--line) !important; }
table td, table, .tblwrap { border-color: var(--line) !important; }
.badge, .pill { border-color: var(--line); }
:focus-visible { outline: 2px solid var(--accent) !important; outline-offset: 2px; }
::selection { background: #ffd5ce; color: #242221; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: #b9b4b1; border-color: var(--bg); }
::-webkit-scrollbar-thumb:hover { background: var(--accent); }

/* Legacy theme aliases used by older inline components. */
:root {
  --navy: #242221 !important;
  --navy2: #3a3736 !important;
  --ink: #242221 !important;
  --text: #242221 !important;
  --brand: #f12d16 !important;
  --brand-600: #d92712 !important;
  --gold: #f12d16 !important;
  --gold-600: #d92712 !important;
  --accent: #f12d16 !important;
  --accent2: #d92712 !important;
  --bg: #f3f1f0 !important;
  --card: #fff !important;
  --line: #d0cdcb !important;
  --muted: #66615f !important;
}
header, header.nav { background: #f3f1f0 !important; color: #242221 !important; }
#mainNav, .mainNav, .nav-inner, .topbar, .app-header { background: #f3f1f0 !important; color: #242221 !important; }
.toast, .notice, .alert, .banner, .update-banner { border-color: #d0cdcb !important; }