/* ATB dark / light theme — shared across pages */
html {
  color-scheme: dark;
}
html[data-theme="light"] {
  color-scheme: light;
  --navy: #F4EFE6;
  --nmid: #FFFFFF;
  --nlight: #EBE3D6;
  --norm: #E6DDD0;
  --bg: #F4EFE6;
  --surface: #FFFFFF;
  --card: #FFFFFF;
  --cream: #1A1214;
  --muted: rgba(26, 18, 20, 0.82);
  --mid: rgba(26, 18, 20, 0.78);
  --orange: #8B1F2E;
  --dim: rgba(26, 18, 20, 0.22);
  --border: rgba(166, 38, 57, 0.2);
  --border2: rgba(26, 18, 20, 0.1);
  --bsub: rgba(26, 18, 20, 0.08);
  --ink: #1A1214;
  --paper: #F4EFE6;
  --gold: #8F6B16;
}

html[data-theme="light"] body {
  background: var(--navy);
  color: var(--cream);
}

/* ── Toggle (always a visible nav control) ── */
#nav .theme-toggle,
nav .theme-toggle,
.theme-toggle {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.1);
  color: #F2EBE2;
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 20;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
}
.theme-toggle:hover {
  background: rgba(166, 38, 57, 0.14);
  border-color: rgba(166, 38, 57, 0.4);
  color: #fff;
}
.theme-toggle:focus-visible {
  outline: 2px solid var(--orange);
  outline-offset: 2px;
}
.theme-toggle svg,
.theme-toggle .theme-icon {
  width: 18px;
  height: 18px;
  display: none;
}
.theme-toggle .theme-icon-moon { display: block; }
html[data-theme="light"] .theme-toggle .theme-icon-moon { display: none; }
html[data-theme="light"] .theme-toggle .theme-icon-sun { display: block; }
html[data-theme="light"] #nav .theme-toggle,
html[data-theme="light"] nav .theme-toggle,
html[data-theme="light"] .theme-toggle {
  background: #fff !important;
  border-color: rgba(26, 18, 20, 0.32) !important;
  color: #1A1214 !important;
  box-shadow: 0 1px 0 rgba(26, 18, 20, 0.06);
}
html[data-theme="light"] #nav .theme-toggle:hover,
html[data-theme="light"] nav .theme-toggle:hover,
html[data-theme="light"] .theme-toggle:hover {
  background: #fff !important;
  border-color: rgba(166, 38, 57, 0.5) !important;
  color: #8B1F2E !important;
}

.nright {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 900px) {
  .nright:has(.theme-toggle) {
    display: flex !important;
  }
  .nright:has(.theme-toggle) > :not(.theme-toggle) {
    display: none !important;
  }
}

/* ── Surfaces ── */
html[data-theme="light"] #nav,
html[data-theme="light"] nav {
  background: rgba(244, 239, 230, 0.94);
  border-bottom-color: rgba(26, 18, 20, 0.1);
}
html[data-theme="light"] #nav.sc,
html[data-theme="light"] #nav.scrolled {
  background: rgba(244, 239, 230, 0.88);
  box-shadow: none;
  border-color: rgba(166, 38, 57, 0.16);
}
html[data-theme="light"] .drop,
html[data-theme="light"] .mobile-menu,
html[data-theme="light"] .mob-menu {
  background: rgba(244, 239, 230, 0.98);
}
html[data-theme="light"] .ham {
  background: rgba(26, 18, 20, 0.04);
  border-color: rgba(26, 18, 20, 0.12);
}
html[data-theme="light"] .ham span {
  background: #1A1214;
}
html[data-theme="light"] .mob-close {
  background: rgba(26, 18, 20, 0.05);
  border-color: rgba(26, 18, 20, 0.12);
  color: #1A1214;
}

/* ── Nav + chrome text (hardcoded #fff) ── */
html[data-theme="light"] .nlogo,
html[data-theme="light"] .nlinks li a:hover,
html[data-theme="light"] .nlinks li a.active,
html[data-theme="light"] .nlinks li a.nav-active,
html[data-theme="light"] .nlinks > li > a:hover,
html[data-theme="light"] .nlinks > li > a.active,
html[data-theme="light"] .drop a:hover,
html[data-theme="light"] .ft-logo,
html[data-theme="light"] .nlink-active-season {
  color: #1A1214 !important;
}
html[data-theme="light"] .nlinks li a,
html[data-theme="light"] .nlinks > li > a,
html[data-theme="light"] .drop a,
html[data-theme="light"] .mobile-menu a,
html[data-theme="light"] .mob-menu a {
  color: rgba(26, 18, 20, 0.62);
}
html[data-theme="light"] .nlinks li a:hover,
html[data-theme="light"] .nlinks > li > a:hover,
html[data-theme="light"] .nlinks li a.nav-active,
html[data-theme="light"] .drop a:hover {
  background: rgba(26, 18, 20, 0.06);
}
html[data-theme="light"] .nlink-active-season {
  background: rgba(22, 163, 74, 0.1) !important;
  border-color: rgba(22, 163, 74, 0.35) !important;
}

/* Solid brand buttons stay white; ghost/outline buttons go dark */
html[data-theme="light"] .ncta,
html[data-theme="light"] .submit-btn,
html[data-theme="light"] .abadge,
html[data-theme="light"] .lbtab.active,
html[data-theme="light"] .rsub,
html[data-theme="light"] .btnp:not([style*="background:transparent"]) {
  color: #fff !important;
}
html[data-theme="light"] .btnp[style*="background:transparent"],
html[data-theme="light"] .btng,
html[data-theme="light"] .ht-cta[style*="background:transparent"],
html[data-theme="light"] #hero .btng {
  color: #1A1214 !important;
  border-color: rgba(26, 18, 20, 0.28) !important;
}
html[data-theme="light"] #hero .btng {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.45) !important;
}

/* ── Page titles sitting on paper ── */
html[data-theme="light"] .page-title,
html[data-theme="light"] .page-title em,
html[data-theme="light"] .hero-title,
html[data-theme="light"] .hero-stat-num,
html[data-theme="light"] .sq-section-title,
html[data-theme="light"] .sq-name,
html[data-theme="light"] .wg-title,
html[data-theme="light"] .reg-title,
html[data-theme="light"] .form-title,
html[data-theme="light"] .info-card-value,
html[data-theme="light"] .feature-title,
html[data-theme="light"] .lbname,
html[data-theme="light"] .ocname,
html[data-theme="light"] .mc-tname,
html[data-theme="light"] .mc-scorerow-team.winner,
html[data-theme="light"] .mc-scorerow-score.winner,
html[data-theme="light"] .sq-players,
html[data-theme="light"] .mc-off-name,
html[data-theme="light"] .ht-nav-tab--active .ht-nav-tab-label-main,
html[data-theme="light"] .s24-w1-mslot,
html[data-theme="light"] .s24-w1-team-score,
html[data-theme="light"] .s24-w1-result strong,
html[data-theme="light"] .s24-w1-player-name,
html[data-theme="light"] .s24-w1-close strong {
  color: #1A1214 !important;
}

html[data-theme="light"] .mc-vs-label {
  color: rgba(26, 18, 20, 0.22);
}
html[data-theme="light"] .jul-sub,
html[data-theme="light"] .mc-off-row,
html[data-theme="light"] .deadline-banner,
html[data-theme="light"] .checkbox-item {
  color: rgba(26, 18, 20, 0.7);
}
html[data-theme="light"] .jul-sub strong {
  color: #1A1214;
}

/* ── Cards / tables ── */
html[data-theme="light"] .sqcard,
html[data-theme="light"] .mc,
html[data-theme="light"] .venue-legend,
html[data-theme="light"] .jump-nav,
html[data-theme="light"] .info-card,
html[data-theme="light"] .feature-card,
html[data-theme="light"] .form-card,
html[data-theme="light"] .ht-card,
html[data-theme="light"] .scard,
html[data-theme="light"] .rc,
html[data-theme="light"] .step {
  background: #fff;
  border-color: rgba(26, 18, 20, 0.1);
}
html[data-theme="light"] .sq-foot,
html[data-theme="light"] .mc-foot,
html[data-theme="light"] .mc-result-banner {
  background: rgba(26, 18, 20, 0.04);
}
html[data-theme="light"] .sq-captain-row {
  background: rgba(26, 18, 20, 0.03);
}
html[data-theme="light"] .sq-logo {
  background: #F4EFE6;
}
html[data-theme="light"] .mc.ko-card {
  background: linear-gradient(135deg, #fff, #F7F0DC);
  border-color: rgba(143, 107, 22, 0.28);
}
html[data-theme="light"] footer {
  background: #EBE3D6;
  border-top-color: rgba(26, 18, 20, 0.1);
}

/* ── Forms ── */
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .form-input,
html[data-theme="light"] .form-select,
html[data-theme="light"] .form-textarea,
html[data-theme="light"] .fsel {
  color: #1A1214 !important;
  background: #fff !important;
  border-color: rgba(26, 18, 20, 0.16) !important;
}
html[data-theme="light"] .form-select option,
html[data-theme="light"] .fsel option {
  background: #fff;
  color: #1A1214;
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder {
  color: rgba(26, 18, 20, 0.4);
}

/* ── Inline white text on paper (not hero, not badges) ── */
html[data-theme="light"] [style*="color:#fff"],
html[data-theme="light"] [style*="color: #fff"],
html[data-theme="light"] [style*="color:#FFF"] {
  color: #1A1214 !important;
}
html[data-theme="light"] #hero [style*="color:#fff"],
html[data-theme="light"] #hero [style*="color: #fff"],
html[data-theme="light"] .s24-hero [style*="color:#fff"],
html[data-theme="light"] .s24-hero [style*="color: #fff"],
html[data-theme="light"] [style*="background:#EF4444"],
html[data-theme="light"] [style*="background:#22C55E"],
html[data-theme="light"] [style*="background:#A855F7"],
html[data-theme="light"] [style*="background:var(--orange)"],
html[data-theme="light"] [style*="background:#A62639"] {
  color: #fff !important;
}

/* ── Photo heroes keep light type ── */
html[data-theme="light"] .hgrad {
  background:
    linear-gradient(to top, #F4EFE6 0%, rgba(20, 11, 13, 0.94) 20%, rgba(20, 11, 13, 0.62) 52%, rgba(20, 11, 13, 0.22) 100%),
    linear-gradient(to right, rgba(20, 11, 13, 0.62) 0%, transparent 58%);
}
html[data-theme="light"] .s24-hero-grad {
  background:
    linear-gradient(to top, #F4EFE6 8%, rgba(20, 11, 13, 0.82) 40%, rgba(20, 11, 13, 0.28) 100%),
    linear-gradient(to right, rgba(20, 11, 13, 0.45) 0%, transparent 55%);
}
html[data-theme="light"] #hero .ht1,
html[data-theme="light"] #hero .hstn,
html[data-theme="light"] #hero .btng,
html[data-theme="light"] .s24-hero .page-title,
html[data-theme="light"] .s24-hero .page-sub {
  color: #fff !important;
  text-shadow: 0 2px 18px rgba(20, 11, 13, 0.55);
}
html[data-theme="light"] #hero .hsub,
html[data-theme="light"] #hero .heye,
html[data-theme="light"] #hero .hstl {
  color: rgba(242, 235, 226, 0.86);
  text-shadow: 0 1px 12px rgba(20, 11, 13, 0.55);
}
html[data-theme="light"] #hero .btng {
  color: rgba(255, 255, 255, 0.92);
  border-color: rgba(255, 255, 255, 0.4);
}

/* ── Ambient orbs on paper ── */
html[data-theme="light"] .fx-orb {
  mix-blend-mode: multiply;
  opacity: 0.22;
}
html[data-theme="light"] .blob {
  opacity: 0.35;
}
html[data-theme="light"] .s24-hero-glow,
html[data-theme="light"] .s24-hero-noise {
  opacity: 0.18;
  mix-blend-mode: multiply;
}

/* ── Rules / livestream extras ── */
html[data-theme="light"] .jump-nav-list a:hover {
  color: #1A1214;
  background: rgba(26, 18, 20, 0.05);
}
html[data-theme="light"] .ticker {
  background: linear-gradient(90deg, rgba(166, 38, 57, 0.06), rgba(217, 164, 65, 0.1), rgba(166, 38, 57, 0.06));
}

/* ── Hot Topic / magazine blocks ── */
html[data-theme="light"] .ht-nav-tab--active .ht-nav-tab-label {
  color: #1A1214;
}

/* ── Hardcoded cream/white type on paper ── */
html[data-theme="light"] .ph-t1,
html[data-theme="light"] .ph-sub,
html[data-theme="light"] .stitle,
html[data-theme="light"] .abody,
html[data-theme="light"] .mfl3,
html[data-theme="light"] .sccap,
html[data-theme="light"] .regfeats li,
html[data-theme="light"] .fc-player-name,
html[data-theme="light"] .fc-player-name.captain,
html[data-theme="light"] .filter-btn,
html[data-theme="light"] .filter-btn:hover,
html[data-theme="light"] .rs-title,
html[data-theme="light"] .rc-title,
html[data-theme="light"] .rc-body strong,
html[data-theme="light"] .callout-title,
html[data-theme="light"] .callout-body strong,
html[data-theme="light"] .rt td:first-child,
html[data-theme="light"] .stair-overs,
html[data-theme="light"] .cliff-num,
html[data-theme="light"] .flow-title,
html[data-theme="light"] .flow-body strong,
html[data-theme="light"] .ft-brand-name,
html[data-theme="light"] .ftlogo,
html[data-theme="light"] .changed-title,
html[data-theme="light"] .eq-name,
html[data-theme="light"] .step-title,
html[data-theme="light"] .resp-task,
html[data-theme="light"] .lbname,
html[data-theme="light"] .hpill strong,
html[data-theme="light"] .sc-champ-name,
html[data-theme="light"] .sc-mof-name,
html[data-theme="light"] .ht-hero-sub,
html[data-theme="light"] .ht-side-cap-sub,
html[data-theme="light"] .s24-w1-close,
html[data-theme="light"] .s24-w1-mfoot,
html[data-theme="light"] .s24-w1-stat-label,
html[data-theme="light"] .s24-w1-team-score span,
html[data-theme="light"] .club-season-btn {
  color: #1A1214 !important;
}
html[data-theme="light"] .ph-sub,
html[data-theme="light"] .abody,
html[data-theme="light"] .sc-mof-name,
html[data-theme="light"] .ht-hero-sub {
  color: rgba(26, 18, 20, 0.78) !important;
}
html[data-theme="light"] .fc-player-name,
html[data-theme="light"] .fc-player-name.captain {
  color: #1A1214 !important;
}
html[data-theme="light"] .filter-btn {
  border-color: rgba(26, 18, 20, 0.14);
}
html[data-theme="light"] .filter-btn:hover {
  color: #1A1214 !important;
  border-color: rgba(26, 18, 20, 0.3);
  background: rgba(26, 18, 20, 0.04);
}
html[data-theme="light"] .filter-btn.active,
html[data-theme="light"] .step-num,
html[data-theme="light"] .flow-num,
html[data-theme="light"] .ti {
  color: #fff !important;
}
html[data-theme="light"] .fc {
  background: #fff;
}
html[data-theme="light"] .fc-roster {
  background: #fff;
}
html[data-theme="light"] .fc-player:hover {
  background: rgba(26, 18, 20, 0.04);
}
html[data-theme="light"] .yr-number,
html[data-theme="light"] .sc-num-bg {
  color: rgba(26, 18, 20, 0.08);
}

/* Cream inline copy used across Hot Topic / cards */
html[data-theme="light"] [style*="color:rgba(242,235,226"],
html[data-theme="light"] [style*="color:rgba(245,240,232"] {
  color: rgba(26, 18, 20, 0.72) !important;
}

/* Keep light type on dark franchise headers and orange ticker */
html[data-theme="light"] .fc-header .fc-name,
html[data-theme="light"] .fc-header .fc-meta-item strong,
html[data-theme="light"] .tw .ti,
html[data-theme="light"] .ticker-item {
  color: #fff !important;
}
html[data-theme="light"] .fc-header .fc-tagline,
html[data-theme="light"] .fc-header .fc-badge,
html[data-theme="light"] .fc-header .fc-meta-item {
  color: rgba(255, 255, 255, 0.72) !important;
}

/* Accent colors in inline copy stay themselves */
html[data-theme="light"] [style*="color:#A855F7"],
html[data-theme="light"] [style*="color:#F97316"],
html[data-theme="light"] [style*="color:#EF4444"],
html[data-theme="light"] [style*="color:#22C55E"],
html[data-theme="light"] [style*="color:#D9A441"] {
  color: inherit;
}
html[data-theme="light"] [style*="color:#A855F7"] { color: #7C3AED !important; }
html[data-theme="light"] [style*="color:#F97316"] { color: #C2410C !important; }
html[data-theme="light"] [style*="color:#EF4444"] { color: #DC2626 !important; }
html[data-theme="light"] [style*="color:#22C55E"] { color: #15803D !important; }
html[data-theme="light"] [style*="color:#D9A441"] { color: #8F6B16 !important; }

/* Footer / chrome that was hardcoded near-white */
html[data-theme="light"] .fth,
html[data-theme="light"] .ftcopy,
html[data-theme="light"] .ft-head,
html[data-theme="light"] .ccstat,
html[data-theme="light"] .ccstat strong,
html[data-theme="light"] .ht-nav-tab-label-main,
html[data-theme="light"] .ht-nav-tab-label-top,
html[data-theme="light"] .ht-nav-tab:hover .ht-nav-tab-label-main,
html[data-theme="light"] .letterfx .lf-char {
  color: #1A1214 !important;
  opacity: 1;
}
html[data-theme="light"] .fth,
html[data-theme="light"] .ft-head {
  color: #1A1214 !important;
}
html[data-theme="light"] .ftcopy {
  color: rgba(26, 18, 20, 0.55) !important;
}

/* ── Release 12 pages (Player Stats, Season History, Season 25 header) ── */
html[data-theme="light"] {
  --hi: #1A1214;
  --nhi: #EFE7DB;
  --bar: rgba(244, 239, 230, 0.94);
  --maroon2: #A62639;
}
html[data-theme="light"] .kpi,
html[data-theme="light"] .fact { background: #fff; }
html[data-theme="light"] .lcard { background: #fff; }
html[data-theme="light"] .sel {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231A1214' stroke-width='1.6'/%3E%3C/svg%3E");
}
html[data-theme="light"] .pd-in { background: #fff; }
html[data-theme="light"] dialog.pd::backdrop { background: rgba(26, 18, 20, 0.45); }
html[data-theme="light"] .sc.latest { background: linear-gradient(160deg, rgba(143, 107, 22, 0.12), #fff 55%); }
html[data-theme="light"] .sc-leaders div { background: rgba(26, 18, 20, 0.03); }
html[data-theme="light"] .sc-num { color: rgba(26, 18, 20, 0.06); }
html[data-theme="light"] .oc.t4 .av { background: #E2D8C9; color: #1A1214; }
html[data-theme="light"] .src { color: rgba(26, 18, 20, 0.6); }

/* Season 25 champions header: photo header keeps light type on dark, like Season 24 */
html[data-theme="light"] .s25-hero { background: #140B0D; border-bottom-color: transparent; }
html[data-theme="light"] .s25-hero-grad {
  background:
    linear-gradient(to right, #140B0D 0%, rgba(20, 11, 13, 0.82) 45%, rgba(20, 11, 13, 0.3) 100%),
    linear-gradient(to top, #140B0D 0%, transparent 45%);
}
html[data-theme="light"] .s25-hero .page-title { color: #fff !important; }
html[data-theme="light"] .s25-hero .page-title em { color: #E06A7A !important; }
html[data-theme="light"] .s25-hero .page-label { color: #E06A7A; }
html[data-theme="light"] .s25-hero .page-sub,
html[data-theme="light"] .s25-hero .page-sub * { color: rgba(242, 235, 226, 0.78) !important; }
html[data-theme="light"] .s25-hero .s25-champ-badge { color: #D9A441; border-color: rgba(217, 164, 65, 0.45); background: rgba(217, 164, 65, 0.15); }
html[data-theme="light"] .s25-hero-fig figcaption { color: rgba(242, 235, 226, 0.6); }
html[data-theme="light"] .s25-hero-fig figcaption b { color: #D9A441; }
@media (max-width: 860px) {
  html[data-theme="light"] .s25-hero-grad { background: linear-gradient(to top, #140B0D 0%, rgba(20, 11, 13, 0.6) 60%, rgba(20, 11, 13, 0.35) 100%); }
}

/* Homepage (Oct 2026): the depth hero, Matchday board and Final countdown card are photo/dark designs —
   they keep their dark palette in light mode (same idea as the photo heroes above). */
html[data-theme="light"] .dh,
html[data-theme="light"] .mdb,
html[data-theme="light"] .cd {
  color-scheme: dark;
  --navy: #140B0D; --nmid: #221317; --nlight: #122035; --bg: #140B0D; --surface: #221317; --card: #221317;
  --cream: #F2EBE2; --muted: rgba(242, 235, 226, 0.55); --mid: rgba(242, 235, 226, 0.7); --dim: rgba(242, 235, 226, 0.3);
  --orange: #A62639; --gold: #D9A441; --border: rgba(255, 255, 255, 0.08); --border2: rgba(255, 255, 255, 0.06);
  --bsub: rgba(255, 255, 255, 0.06); --ink: #F2EBE2; --hi: #fff;
  color: #F2EBE2;
}
html[data-theme="light"] .dh [style*="color:#fff"],
html[data-theme="light"] .mdb [style*="color:#fff"],
html[data-theme="light"] .cd [style*="color:#fff"] { color: #fff !important; }
html[data-theme="light"] .dh .dh-lede,
html[data-theme="light"] .dh .dh-news { color: rgba(242, 235, 226, 0.9); text-shadow: 0 1px 14px rgba(20, 11, 13, 0.6); }
html[data-theme="light"] .dh .dh-news strong { color: #fff; }
html[data-theme="light"] .dh .dh-btn-ghost { color: #fff !important; border-color: rgba(255, 255, 255, 0.45) !important; }
html[data-theme="light"] .cd .cd-btn-quiet { color: #F2EBE2 !important; }

/* "Watch Live." band: wash the video in paper so the dark heading reads */
html[data-theme="light"] #live .live-cine video { opacity: 0.35; }
html[data-theme="light"] #live .live-cine::after {
  background: linear-gradient(180deg, rgba(244, 239, 230, 0.55) 0%, rgba(244, 239, 230, 0.8) 60%, #F4EFE6 100%);
}

/* Homepage highlights tab bar + franchise season buttons on paper */
html[data-theme="light"] .ht-nav {
  background: linear-gradient(90deg, #EFE7DB, #F8F3EB, #EFE7DB);
  border-bottom-color: rgba(166, 38, 57, 0.18);
}
html[data-theme="light"] .ht-season-btn {
  background: rgba(26, 18, 20, 0.04);
  border-color: rgba(26, 18, 20, 0.16);
  color: #1A1214;
}
html[data-theme="light"] .ht-season-btn .ht-season-num,
html[data-theme="light"] .ht-season-btn .ht-season-label,
html[data-theme="light"] .ht-nav-label { color: #1A1214; }
html[data-theme="light"] .club-season-btn {
  background: #fff;
  border-color: rgba(26, 18, 20, 0.16);
  color: rgba(26, 18, 20, 0.72);
}
/* Sponsors heading + names */
html[data-theme="light"] .spon-title { color: #1A1214; }
html[data-theme="light"] .spon-name { color: #1A1214; text-shadow: none; }
html[data-theme="light"] #live .live-body { color: rgba(26, 18, 20, 0.78); }

/* Season 23 photo header: same treatment as Season 24 */
html[data-theme="light"] .s23-hero-grad {
  background:
    linear-gradient(to top, #F4EFE6 8%, rgba(20, 11, 13, 0.82) 40%, rgba(20, 11, 13, 0.28) 100%),
    linear-gradient(to right, rgba(20, 11, 13, 0.45) 0%, transparent 55%);
}
html[data-theme="light"] .s23-hero .page-title,
html[data-theme="light"] .s23-hero .page-sub {
  color: #fff !important;
  text-shadow: 0 2px 18px rgba(20, 11, 13, 0.55);
}
html[data-theme="light"] .s23-hero .page-sub * { color: inherit !important; }
html[data-theme="light"] .s23-hero .page-label { color: #E06A7A; }
html[data-theme="light"] .s23-hero-glow,
html[data-theme="light"] .s23-hero-noise { opacity: 0.18; mix-blend-mode: multiply; }
html[data-theme="light"] .s23-hero .page-title em,
html[data-theme="light"] .s24-hero .page-title em { color: #E06A7A !important; }
html[data-theme="light"] .s24-hero .page-sub * { color: inherit !important; }
html[data-theme="light"] .pts-title { color: #1A1214; }

/* Phones: the nav has logo + theme toggle + menu; "Join Now" stays in the ☰ menu so the logo doesn't wrap */
@media (max-width: 480px) {
  #nav > a.btnp { display: none !important; }
}