/* Option 5 · Matchday Bold: white page, black header, saffron orange, Barlow Condensed uppercase headings, sharp sporty edges. */
:root, html[data-theme="light"] {
	--bg: #ffffff; --header: #0b0b0c; --surface: #ffffff; --surface-2: #f4f4f5; --text: #111113; --muted: #4b4b55; --line: #e5e5e8;
	--brand: #f2610d; --brand-hover: #d4520a; --brand-ink: #fff; --brand-text: #c94c06; --brand-soft: rgba(242, 97, 13, .1);
	--accent: #f2610d; --accent-soft: rgba(242, 97, 13, .06); --gold: #b56a00; --gold-soft: rgba(245, 158, 11, .14);
	--radius: 4px; --shadow: none;
	--font: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --font-head: "Barlow Condensed", "Arial Narrow", sans-serif; color-scheme: light;
}
.theme-toggle { display: none !important; }
h1, h2, h3, .brand b, .stat b, .kd .big, .mc-team b, .sub-toggle, .menu > li > a { font-family: var(--font-head); text-transform: uppercase; letter-spacing: .02em; }
h1 { text-decoration: none; font-size: clamp(2.2rem, 6.5vw, 3.6rem); font-weight: 800; line-height: 1; }
h2 { font-size: 1.7rem; font-weight: 800; display: flex; align-items: center; gap: 10px; }
h2::before { content: ""; width: 14px; height: 22px; background: var(--brand); transform: skewX(-18deg); flex: none; }
.section-title h2::before, .card h2::before, .band h2::before, .faq h2::before { display: none; }
/* Dark header on a light page: header-scoped tokens keep the dropdowns readable. */
.site-header { --text: #ffffff; --muted: #b9b9c2; --line: #26262b; --surface: #141416; --surface-2: #1f1f23; border-bottom: 4px solid var(--brand); }
.site-header .brand b { color: #fff; }
.menu > li > a, .sub-toggle { font-size: 1.02rem; }
.brand-mark { border-radius: 2px; background: var(--brand); transform: skewX(-14deg); box-shadow: none; }
.brand-mark::after { border-left: 3px solid #fff; left: 10px; top: 4px; bottom: 4px; transform: none; }
.eyebrow { background: var(--text); color: #fff; padding: 4px 10px; transform: skewX(-12deg); }
.btn { border-radius: 2px; text-transform: uppercase; font-family: var(--font-head); font-size: 1.05rem; letter-spacing: .04em; clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); padding-left: 26px; padding-right: 26px; }
.btn.ghost { clip-path: none; border: 2px solid var(--text); }
.card { border: 1px solid var(--line); }
.stat { background: var(--text); color: #fff; border-radius: 2px; }
.stat b { color: var(--brand); font-size: 1.7rem; }
.stat span { color: #c9c9d1; }
th { background: var(--text); color: #fff; text-transform: uppercase; letter-spacing: .06em; font-size: .72rem; }
.sched tr.stage td { background: var(--brand); color: #fff; }
.tabs button[aria-selected="true"] { background: var(--brand); color: #fff; border-bottom-color: var(--brand); }
.hero { border-bottom: 1px solid var(--line); padding-bottom: 28px; }
.band { background: var(--text); color: #fff; border: 0; }
.band h2 { color: #fff; justify-content: center; }
.band p { color: #c9c9d1; }
.site-footer { background: #0b0b0c; border-top: 4px solid var(--brand); --text: #fff; --muted: #b9b9c2; --line: #26262b; }
.insight .eyebrow, .home-content .insight p.eyebrow, .landing-intro .insight p.eyebrow { display: inline-block; }
th.mn, .sched th.mn { color: #fff; }
/* Team pages tint the label with the team colour as a side bar (keeps contrast for light team colours). */
.team-hero .eyebrow { color: #fff; box-shadow: inset 5px 0 0 var(--team, var(--brand)); filter: none; }
.facts th { color: #e4e4e7; }

/* Readability: larger body text, roomier lines, darker supporting text. */
body { font-size: 17px; line-height: 1.65; color: var(--text); -webkit-font-smoothing: auto; }
.lede, .hero .lede, .section-lede { color: #3a3a42; font-size: 1.06rem; line-height: 1.7; }
.prose p, .entry-content p, .entry-content li, .kd p, .venue p, .faq details p, .insight p { color: #3a3a42; }
table { font-size: .95rem; }
.sched .vn, .sched .mn, .legend, .predicted { color: #4b4b55; }
.legend, .predicted { font-size: .88rem; }
.stat span { font-size: .84rem; }
.faq summary { font-size: 1.02rem; }
/* Homepage hero H1: big title line + orange descriptive line. */
.hero h1 { font-size: clamp(2.6rem, 7.2vw, 4.6rem); line-height: .95; }
.hero h1 .h1-sub { font-size: clamp(1.15rem, 2.9vw, 1.75rem); color: var(--brand); font-weight: 700; letter-spacing: .03em; margin-top: .45em; }
/* Calmer H1: smaller and lighter than the first pass (applies to every page). */
h1 { font-size: clamp(1.8rem, 4.4vw, 2.6rem); font-weight: 700; line-height: 1.05; letter-spacing: .01em; }
.hero h1 { font-size: clamp(2rem, 4.8vw, 3rem); font-weight: 700; line-height: 1.02; }
h1 .h1-sub, .hero h1 .h1-sub { font-size: clamp(.95rem, 2vw, 1.25rem); font-weight: 600; color: var(--brand); letter-spacing: .04em; margin-top: .55em; line-height: 1.3; }