/* V6.3 dark mode. Applied when <html data-theme="dark"> (set before first paint by /shared/js/theme-boot.js).
   Light colours in the other style sheets read var(--d-*, light value), so light mode is unchanged. Navy / gold / cream identity. */
html[data-theme="dark"]{color-scheme:dark;
 --d-page:#0e1628;--d-surf:#17223a;--d-tint:#3a3016;--d-tint2:#1f2c47;--d-tx:#f3ecd9;--d-tx2:#cfc8b3;--d-bd:#3b4c70;
 --bg:#0e1628;--cream:#0e1628;--card:#17223a;--ink:#f3ecd9;--text:#f3ecd9;--muted:#cfc8b3;--border:#3b4c70;--soft:#1f2c47;--accent:#6e9cf0;
 --earn-t:#123326;--win-t:#261f3f;--chal-t:#3a2412}
html[data-theme="dark"],html[data-theme="dark"] body{background:#0e1628;color:#f3ecd9}
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3{color:#f4d27a}
html[data-theme="dark"] a:not([class]){color:#f4d27a}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#0f1a30;color:#f3ecd9;border-color:#4a5f8c}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#9aa3b8}
html[data-theme="dark"] .card,html[data-theme="dark"] .panel,html[data-theme="dark"] dialog,html[data-theme="dark"] .modal,html[data-theme="dark"] .pp-settings-panel{background:#17223a;color:#f3ecd9;border-color:#3b4c70}
html[data-theme="dark"] .muted,html[data-theme="dark"] small{color:#cfc8b3}
html[data-theme="dark"] table td,html[data-theme="dark"] table th{border-color:#3b4c70}
html[data-theme="dark"] .btn.secondary,html[data-theme="dark"] .pp-choice{color:#f3ecd9;border-color:#4a5f8c;background:transparent}
html[data-theme="dark"] .pp-choice.active,html[data-theme="dark"] .pp-choice[aria-pressed="true"]{background:#e8a923;color:#14213d}
/* the header theme switch */
.tt-theme{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:2px solid #4a5f8c;background:transparent;color:#ffd978;font-size:20px;cursor:pointer;flex:none;padding:0}
.tt-theme:hover{background:#243b66}
@media(max-width:560px){.tt-theme{width:38px;height:38px;font-size:17px}}
/* V6.3 contrast fixes found in the screenshots: home category chips, kickers and the event banner */
html[data-theme="dark"] .mini{background:rgba(255,255,255,.09);color:#f3ecd9}
html[data-theme="dark"] .mini.more{color:#cfc8b3;border-color:#3b4c70;background:transparent}
html[data-theme="dark"] .kicker{color:#f3ecd9;background:rgba(255,255,255,.1)}
html[data-theme="dark"] .eventbanner{border-color:#8a6a3e}
html[data-theme="dark"] .eventbanner .eb-kicker{color:#f5b98a}
html[data-theme="dark"] .eventbanner .eb-title{color:#f4d27a}
html[data-theme="dark"] .eventbanner .eb-sub{color:#f3ecd9}
html[data-theme="dark"] .btn.green{background:#1f7a4d}
html[data-theme="dark"] .rtb-table{background:#17223a;color:#f3ecd9;border-color:#3b4c70}
html[data-theme="dark"] .rtb-info strong,html[data-theme="dark"] .rtb-message{color:#f3ecd9}
html[data-theme="dark"] .rtb-slot{background:rgba(255,255,255,.04);border-color:#3b4c70;color:#cfc8b3}
html[data-theme="dark"] .rtb-help,html[data-theme="dark"] .rtb-note,html[data-theme="dark"] .rtb-info small{color:#cfc8b3}