@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&display=swap");
/* forum-theme.css — auto-generated from hub theme 'midnight' (dark). Do not edit. */
:root,
[data-bs-theme] {
  --ks-bg: #0f1220;
  --ks-surface: #171a2b;
  --ks-text: #e8e6f0;
  --ks-muted: #a6a3bd;
  --ks-primary: #c9a14a;
  --ks-primary-rgb: 201, 161, 74;
  --ks-link: #c9a14a;
  --ks-link-rgb: 201, 161, 74;
  --ks-on-primary: #1a1300;
  --ks-accent: #7aa2ff;
  --ks-admin: #ff7b72;
  --ks-mod: #5fd07a;
  --ks-border: #2a2f47;
  --ks-font-heading: "Cinzel", Georgia, serif;
  --ks-font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --bs-body-bg: var(--ks-bg);
  --bs-body-color: var(--ks-text);
  --bs-primary: var(--ks-link);
  --bs-primary-rgb: var(--ks-link-rgb);
  --bs-border-color: var(--ks-border);
  --bs-secondary-bg: var(--ks-surface);
  --bs-tertiary-bg: var(--ks-surface);
  --bs-secondary-color: var(--ks-muted);
  --bs-link-color: var(--ks-link);
  --bs-link-color-rgb: var(--ks-link-rgb);
  --bs-link-hover-color: color-mix(in srgb, var(--ks-link), #000 15%);
  --bs-body-font-family: var(--ks-font-body);
  color-scheme: dark;
}

/* Component re-skin (scaffoldBB hardcodes Bootstrap's default blue) */
.btn-primary {
  --bs-btn-bg: var(--ks-link);
  --bs-btn-border-color: var(--ks-link);
  --bs-btn-color: var(--ks-on-primary);
  --bs-btn-hover-bg: color-mix(in srgb, var(--ks-link), #000 14%);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--ks-link), #000 18%);
  --bs-btn-hover-color: var(--ks-on-primary);
  --bs-btn-active-bg: color-mix(in srgb, var(--ks-link), #000 18%);
  --bs-btn-active-border-color: color-mix(in srgb, var(--ks-link), #000 22%);
  --bs-btn-active-color: var(--ks-on-primary);
  --bs-btn-disabled-bg: var(--ks-link);
  --bs-btn-disabled-border-color: var(--ks-link);
  --bs-btn-disabled-color: var(--ks-on-primary);
}
.btn-outline-primary {
  --bs-btn-color: var(--ks-link);
  --bs-btn-border-color: var(--ks-link);
  --bs-btn-hover-bg: var(--ks-link);
  --bs-btn-hover-border-color: var(--ks-link);
  --bs-btn-hover-color: var(--ks-on-primary);
  --bs-btn-active-bg: var(--ks-link);
  --bs-btn-active-border-color: var(--ks-link);
  --bs-btn-active-color: var(--ks-on-primary);
}
a { color: var(--ks-link); }
a:hover, a:focus { color: color-mix(in srgb, var(--ks-link), #000 15%); }
.link-primary { color: var(--ks-link) !important; }
.link-primary:hover, .link-primary:focus { color: color-mix(in srgb, var(--ks-link), #000 15%) !important; }
.text-primary { color: var(--ks-link) !important; }
.bg-primary { background-color: var(--ks-link) !important; }
.page-link { color: var(--ks-link); }
.page-item.active .page-link { background-color: var(--ks-link); border-color: var(--ks-link); }
.badge.bg-primary { background-color: var(--ks-link) !important; }
/* a11y: scaffoldBB/Bootstrap render secondary text + links with literal grays
   (#6c757d → 3.45-4.27 depending on bg) — route them through AA-safe tokens. */
.text-secondary, .text-body-secondary, .button-secondary, .text-muted, small.text-muted,
.blockquote-footer, .dropdown-header { color: var(--ks-muted) !important; }
.action-bar a.jumpbox-return { color: var(--ks-link) !important; }
/* a11y + clean cards: scaffoldBB tints posts/rows with Bootstrap's gray
   .bg-secondary (10-25% opacity), cooling the bg (~#f0f1f2 / #dadddf) and
   dropping accent/link text below AA. Flatten to the surface token (+ a themed
   border on posts so cards stay separated even when surface==bg, e.g. Literary). */
.bg-secondary { background-color: var(--ks-surface) !important; }
article.post { border: 1px solid var(--ks-border) !important; }
/* a11y: phpBB writes per-group colours as fixed inline hexes (admin #AA0000, mod
   #00AA00, bots #9E8DA7) on usernames AND the board-index Legend (the Legend is
   plain <span style>/<a style>, no .username-coloured class) — none is AA on both
   light AND dark (red on Midnight = 1.78). Remap BY HEX to theme-appropriate AA
   red/green so the admin/mod distinction is preserved and stays consistent between
   posts and the Legend; other coloured groups (bots, custom) fall back to accent.
   #phpbb wins over both the inline style and the .username-coloured fallback;
   group data is left untouched. */
.username-coloured { color: var(--ks-accent) !important; }
#phpbb [style*="aa0000" i] { color: var(--ks-admin) !important; }
#phpbb [style*="00aa00" i] { color: var(--ks-mod) !important; }
/* Native login is funneled to the hub SSO (MFA/Turnstile) via the bridge
   listener, so hide scaffoldBB's guest login box on the board index — users
   should only ever see the hub login. (Submitting it would just redirect.) */
#phpbb section:has(.quick-login) { display: none !important; }
body, .navbar { font-family: var(--ks-font-body); }
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
#ks-hubbar .navbar-brand { font-family: var(--ks-font-heading); }