/* Sport Marketing: product neutrals + the Sport department's brand orange.
   This marketing theme is independent of BalM3's software accent values. */
:root {
  color-scheme: dark;
  --surface-base: #0B0A09;
  --surface-raised: #171513;
  --surface-overlay: #231F1C;
  --surface-glass: rgb(35 31 28 / 40%);
  --surface-glass-fallback: rgb(35 31 28 / 88%);
  --surface-glass-solid: rgb(35 31 28 / 96%);
  --text-primary: #EFECE8;
  --text-secondary: #C2C0B8;
  --text-tertiary: #A8A8A0;
  --text-inverse: #1D1D1B;
  --border-subtle: #30302D;
  --border-strong: #4D4D49;
  --border-hover: #A8A8A0;
  --border-glass: rgb(194 192 184 / 16%);
  --accent-primary: #F88818;
  --accent-hover: #FF9B36;
  --accent-pressed: #E07610;
  --accent-on: #1D1D1B;
  --focus-ring: var(--accent-primary);
  --footer-surface: var(--surface-overlay);
  --footer-text: var(--text-primary);
  --footer-secondary: var(--text-secondary);
  --footer-focus: var(--focus-ring);
  --hero-scrim: rgb(11 10 9 / 55%);
  --campaign-scrim-edge: rgb(11 10 9 / 62%);
  --campaign-scrim-center: rgb(11 10 9 / 48%);

  /* Existing component aliases; all page sections share the same palette. */
  --bg: var(--surface-base);
  --panel: var(--surface-raised);
  --ink: var(--text-primary);
  --muted: var(--text-secondary);
  --line: var(--border-subtle);
  --accent: var(--accent-primary);
}

/* BalM3 light neutrals, with the same Sport marketing accent. */
:root[data-theme="light"] {
  color-scheme: light;
  --surface-base: #F5F4F2;
  --surface-raised: #F8F7F5;
  --surface-overlay: #FDFCFB;
  --surface-glass: rgb(253 252 251 / 76%);
  --surface-glass-fallback: rgb(253 252 251 / 94%);
  --surface-glass-solid: #FDFCFB;
  --text-primary: #1D1D1B;
  --text-secondary: #6B6B66;
  --text-tertiary: #6B6B66;
  --text-inverse: #F7F6F3;
  --border-subtle: #E8E6E0;
  --border-strong: #D7D4CE;
  --border-hover: #A8A8A0;
  --border-glass: rgb(29 29 27 / 12%);
  --focus-ring: #B45309;
}

/* Laterality from Baliston design/brand/data-viz-guidelines.md (Aug 23 correction).
   Limb hue is independent of marketing accent and clinical status. */
:root{--lateral-left:#997FCB;--lateral-right:#35ADC9}
:root[data-theme="light"]{--lateral-left:#4728B5}