/* Worked out from this area's own stylesheets when it starts (shared/lib/dark-css.js). */
:root { color-scheme: light dark; }
@media print { :root { color-scheme: light; } }
@media screen and (prefers-color-scheme: dark) {
  :root {
    --primary: #c93a33;
    --gold: #f7941d;
    --bg: #0f1318;
    --card: #181d24;
    --text: #e6e9ee;
    --muted: #9aa4b2;
    --border: #2c333d;
    --danger: #ef5a50;
  }
  button, .btn { background: #1e2838; }
  button.danger, .btn.danger { color: #f09d98; border-color: #6d342f; }
  button.is-off, button.secondary.is-off, button.danger.is-off, input.is-off { background: #272d35; border: 1px dashed #4f5764; }
  .error { background: #3c1b17; border: 1px solid #6d342f; }
  .notice { background: #3e3317; border: 1px solid #816f37; }
  .test-result { border: 1px dashed #4a5566; }
  .success { background: #184025; border: 1px solid #347849; }
  .badge { background: #1e2838; }
  .badge.player { background: #16243b; color: #829eed; }
  .badge.coach { background: #422f19; color: #edb082; }
  .badge.team_manager { background: #25173c; color: #ad86ea; }
  .badge.hidden-status { background: #3e3317; color: #eecb8b; }
  .training-box tbody tr:first-child th { background: #1e2838; }
  .badge { background: #1e2838; }
  tr.editing td { background: #3e3317; }
  .badge-new { background: #473a1b; color: #f0d298; }
  .badge-open { background: #18243f; color: #8fa7e1; }
  .badge-closed { background: #184025; color: #a4e5be; }
  .badge-app { background: #241e38; color: #b1abc6; }
  .badge-category { background: #223529; color: #b3cbbb; }
  .badge-interest-new { background: #473a1b; color: #f0d298; }
  .badge-interest-contacted, .badge-interest-meeting, .badge-interest-offered { background: #18243f; color: #8fa7e1; }
  .badge-interest-joined { background: #184025; color: #a4e5be; }
  .badge-interest-declined { background: #1e2838; color: #afb5c1; }
  .tickets-table tbody tr:hover td { background: #321e19; }
  .comment-member { background: #352914; }
  .badge-reply { background: #18243f; color: #8fa7e1; }
  .badge-member { background: #473a1b; color: #f0d298; }
  .refund-step.step-1 { background: #18283f; }
  .refund-step.step-2 { background: #1b473d; }
  .refund-step.step-3 { background: #493c1c; }
  .refund-step.step-4 { background: #27183e; }
  .refund-step.step-5 { background: #182d40; }
  .refund-steps-notes { background: #1b2432; }
  table.fee-structure tr.total td { border-top: 2px solid var(--border, #5c5c5c); }
  table.transactions tr.transactions-match td { background: #49401c; }
  header.topbar .nav-menu-items a:hover { background: #322824; }
  header.topbar .nav-menu-items a.active { background: #3b1e1a; }
  .badge.badge-investigate.bug { background: #3b1616; color: #ec8383; }
  .badge.badge-investigate.data { background: #422f19; color: #edb082; }
  .badge.badge-investigate.done { background: #194327; color: #92edb4; }
  .badge.badge-refund.approved { background: #194327; color: #92edb4; }
  .badge.badge-refund.paid { background: #192e42; color: #829eed; }
  .badge.badge-refund.denied { background: #3b1616; color: #ec8383; }
  .chip { background: #371915; }
  .badge.help-bot-down { background: #3b1616; color: #ec8383; }
  .badge.help-bot-up { background: #194327; color: #92edb4; }
  .badge.help-bot-warn { background: #422f19; color: #edb082; }
  header.topbar .nav-avatar { background: #50441e; color: #d6dde7; }
  header.topbar .nav-account .nav-menu-items button.quiet:hover { background: #322824; }
  .portal-pill { background: #3a1816; }
  .portal-pill.is-gold { color: #f0d497; background: #3e3017; }
  .portal-pill.is-muted { background: #1e2838; }
  .admin-hub-side nav a.active, .admin-hub-side nav a:hover, .portal-side nav a.active, .portal-side nav a:hover { background: #3a1816; }
  label.season-pill:hover { border-color: #4c5767; }
  .site-banner { background: #3e3317; border: 1px solid #816f37; }
  .hat-banner { background: #3e3017; color: #f0d497; }
  @media (min-width: 641px) {
    header.topbar .nav-menu-items { background: var(--card, var(--card)); color: var(--text, #d0d9e5); border: 1px solid var(--border, #3a404b); }
    header.topbar .nav-menu-items a, header.topbar .nav-menu-items button.quiet { color: var(--text, #d0d9e5); }
    header.topbar .nav-menu-items a.active { color: var(--primary, #ed8783); }
    header.topbar .portal-group-name { color: var(--muted, #b1b5be); }
    header.topbar .nav-menu-items form { border-top-color: var(--border, #3a404b); }
    header.topbar .nav-menu-items .nav-menu-email { color: var(--muted, #b1b5be); }
  }
  @media (min-width: 641px) {
    header.topbar .nav-account .nav-menu-items form { border-top-color: var(--border, #3a404b); }
  }
}