/* Sample report in the elite landing theme (31 Oct 2026): white page, Newsreader headings, Inter body,
   thin-ruled cards, landing teal / coral for the two players. Loaded last, light theme forced in index.html. */
html[data-theme="light"] {
  --font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --serif: "Newsreader", Georgia, "Times New Roman", serif;
  --rule: #d9dcdf;
  --bg: #ffffff;
  --bg-wash: #ffffff;
  --card: #ffffff;
  --card-hover: #ffffff;
  --stage: #f6f5f2;
  --ink: #111111;
  --muted: #8a95a3;
  --faint: #eceeef;
  --line: #e6e8ea;
  --pill: #ffffff;
  --pill-on: #111111;
  --pill-border: #d9dcdf;
  --pill-fg: #111111;
  --pill-hover: #f6f5f2;
  --catbar: #ffffff;
  --catbar-border: #d9dcdf;
  --catbar-shadow: none;
  --shuo: #1f7a80;
  --shuo-dim: rgba(31, 122, 128, 0.14);
  --hero-well: #f6f5f2;
  --hero-magenta: #e0603a;
  --hero-inset: none;
  --mono: #111111;
  --kicker: #8a95a3;
  --foot-b: #111111;
  --lede: #4b5d72;
  --lede-strong: #111111;
  --body-soft: #4b5d72;
  --td: #111111;
  --moment-hover: #f6f5f2;
  --thumb-bg: #f3f2ef;
  --chart-shuo: #1f7a80;
  --chart-mono: #111111;
  --node-teal-bg: #1f7a80;
  --shadow-card: none;
  --accent-orange: #e0603a;
  --warn: #e0603a;
  --warn-ink: #b8482a;
  --seg-fill: #1f7a80;
}
html[data-theme="light"], html[data-theme="light"] body { background: #ffffff; }
html[data-theme="light"] body { -webkit-font-smoothing: antialiased; letter-spacing: 0; }

/* cards: no shadow, one thin rule, small radius, like the landing media blocks */
html[data-theme="light"] .card { box-shadow: none !important; border: 1px solid var(--rule); border-radius: 6px; }

/* headings and big numbers in the landing serif */
html[data-theme="light"] h1, html[data-theme="light"] h2, html[data-theme="light"] h3,
html[data-theme="light"] .hero-comp-title, html[data-theme="light"] .ov-close-title {
  font-family: var(--serif); font-weight: 400; letter-spacing: -0.01em;
}
html[data-theme="light"] .hero-comp-title { font-size: clamp(28px, 3vw, 40px); }

/* hidden: theme switch (the site is light only) */
.theme-toggle { display: none !important; }

/* landing logo bar, replaces the old back-button row */
.elite-nav { display: flex; align-items: center; justify-content: space-between; gap: 16px; height: 96px; border-bottom: 1px solid var(--rule); margin-bottom: 36px; }
.elite-nav .brand { display: flex; align-items: center; gap: 12px; color: #111; text-decoration: none; }
.elite-nav .brand svg { width: 46px; height: 40px; }
.elite-nav .brand b { font-family: var(--serif); font-weight: 500; font-size: 24px; letter-spacing: -0.01em; }
.elite-nav .right { display: flex; align-items: center; gap: 22px; }
.elite-nav .back { font: 500 15.5px var(--font); color: #111; text-decoration: none; }
.elite-nav .back:hover { text-decoration: underline; text-underline-offset: 4px; }
.elite-nav .btn { white-space: nowrap; display: inline-flex; align-items: center; border-radius: 999px; padding: 11px 22px; font: 600 15.5px var(--font); background: #111; color: #fff; text-decoration: none; transition: background .2s, transform .2s; }
.elite-nav .btn:hover { background: #2a2a2a; transform: translateY(-1px); }
.elite-tag { font: 600 12.5px var(--font); letter-spacing: .06em; text-transform: uppercase; color: #8a95a3; margin: -18px 0 22px; }
@media (max-width: 640px) {
  .elite-nav { height: 76px; margin-bottom: 24px; }
  .elite-nav .back { display: none; }
  .elite-nav .brand b { font-size: 21px; }
  .elite-nav .btn { padding: 9px 16px; font-size: 14.5px; }
}

/* card titles, player names and the score in the serif too */
html[data-theme="light"] .ov-title, html[data-theme="light"] .hero-name, html[data-theme="light"] .score-xl {
  font-family: var(--serif) !important; font-weight: 400 !important; letter-spacing: -0.01em;
}
html[data-theme="light"] .ov-title { font-size: 26px; }
html[data-theme="light"] .hero-name { font-size: clamp(26px, 2.6vw, 34px); }
html[data-theme="light"] .cta-solid { background: #111 !important; color: #fff !important; border-radius: 999px; }

/* highlight clips back on (Manish 31 Oct): match footage, local only until he OKs it going public */

/* softer chart ink (shuttle-speed spikes etc.) */
html[data-theme="light"] { --chart-mono: #4b5d72; --chart-mono-dim: #d5dbe0; }
/* heatmap legend: neutral light -> dark, matches the new player-coloured heatmaps */
html[data-theme="light"] .ov-foot-cmap-bar { background: linear-gradient(90deg, #f3f2ef 0%, #a9b3bd 50%, #4b5d72 100%) !important; box-shadow: none; }
html[data-theme="light"] .ov-heat-frame { background: #faf9f7; border: 1px solid var(--rule); border-radius: 6px; }
/* biomechanics videos: wide frames, no crop of the data panel */
.bio-plate-art.bio-vid { aspect-ratio: 16 / 9; background: #f3f2ef; padding: 0; }
.bio-plate-art.bio-vid video { width: 100%; height: 100%; object-fit: cover; display: block; }