/* Sportsiou — tokens.css — Piste A « Néon Stadium », hybride grille Modernist
   Source : Claude Design (projet Sportsiou). Polices auto-hébergées : fonts/fonts.css.
   Noms compatibles avec l'existant : --bg, --txt, --muted, --line, --r, --shadow, --glow */

:root {
  color-scheme: dark;
  /* teintes de marque (identiques dark/light) */
  --lime: #C8FF2D;   --lime-ink: #4C6B00;
  --magenta: #FF2D78; --magenta-ink: #B5115A;
  --cyan: #22D3EE;   --cyan-ink: #0B6478;
  --amber: #FFB020;  --amber-ink: #8A5A00;
  --danger: #FF5A6E; --danger-ink: #C41E2E;
  --ink: #05070D;                       /* texte SUR lime / ambre / magenta */

  /* dégradés signature */
  --g-hype: linear-gradient(100deg, #C8FF2D 0%, #7BFF6A 40%, #22D3EE 100%);
  --g-heat: linear-gradient(100deg, #FF2D78 0%, #FF7A3D 55%, #FFB020 100%);
  --g-night: linear-gradient(180deg, #0E1420 0%, #05070D 100%);

  /* surfaces — dark par défaut */
  --bg: #05070D; --bg2: #0E1420;
  --surface-1: #0E1420; --surface-2: #151D2C;
  --txt: #F2F5F8; --muted: #9AAABD;
  --line: rgba(255,255,255,.08); --line-strong: rgba(255,255,255,.16);
  --rule: var(--txt);                   /* filets 2px façon Modernist */
  --accent-text: var(--lime); --accent2-text: var(--magenta); --info-text: var(--cyan);
  --map: #0A1420;

  /* typographie */
  --font-display: 'Bebas Neue', 'Barlow Condensed', Impact, sans-serif;
  --font-ui: 'Barlow Condensed', system-ui, sans-serif;
  --font-text: 'Sora', system-ui, -apple-system, sans-serif;
  --fs-hero: clamp(2.2rem, 11vw, 4rem);
  --fs-h1: clamp(1.5rem, 6vw, 2rem);
  --fs-h2: 1.25rem; --fs-body: .95rem; --fs-sm: .82rem; --fs-xs: .72rem;
  --skew: skewX(-8deg);                 /* signature « vitesse » : compteurs, statuts, célébrations */

  /* échelle 4 pt */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px;

  /* rayons — hybride : faibles, angles nets sur les filets, pilules pour chips */
  --r-xs: 4px; --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-pill: 999px; --r: var(--r-md);

  /* élévation */
  --e1: 0 1px 2px rgba(0,0,0,.4);
  --e2: 0 8px 24px -8px rgba(0,0,0,.6);
  --e3: 0 24px 60px -20px rgba(0,0,0,.75);
  --shadow: var(--e2);
  --glow: 0 0 0 1px rgba(200,255,45,.35), 0 8px 32px -8px rgba(200,255,45,.45);
  --glow-lime: var(--glow);
  --glow-heat: 0 0 0 1px rgba(255,45,120,.35), 0 8px 32px -8px rgba(255,45,120,.45);

  /* textures */
  --stripes: repeating-linear-gradient(115deg, color-mix(in srgb, var(--txt) 5%, transparent) 0 2px, transparent 2px 10px);
  --halftone: radial-gradient(circle, color-mix(in srgb, var(--txt) 14%, transparent) 1px, transparent 1.5px);
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");

  /* mouvement */
  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-pop: cubic-bezier(.34,1.56,.64,1);
  --t-fast: 120ms; --t-base: 220ms; --t-slow: 420ms; --t-celebrate: 1200ms;
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #F6F7F9; --bg2: #EEF1F5;
  --surface-1: #FFFFFF; --surface-2: #EEF1F5;
  --txt: #0B0F1A; --muted: #52627A;
  --line: rgba(11,15,26,.10); --line-strong: rgba(11,15,26,.20);
  --accent-text: var(--lime-ink); --accent2-text: var(--magenta-ink); --info-text: var(--cyan-ink);
  --e2: 0 8px 24px -10px rgba(11,15,26,.18);
  --shadow: var(--e2);
  --map: #E4E9EF;
}

/* accents par sport — tous ≥ 6:1 sur #0E1420 ; --sp-ink pour le texte en light */
[data-sport="football"]   { --sp: #3DDC84; --sp-ink: #00623A; }
[data-sport="futsal"]     { --sp: #00E5A0; --sp-ink: #00664A; }
[data-sport="basketball"] { --sp: #FF7A2F; --sp-ink: #A63A00; }
[data-sport="volleyball"] { --sp: #38BDF8; --sp-ink: #0B5E80; }
[data-sport="handball"]   { --sp: #A78BFA; --sp-ink: #5B2ED6; }
[data-sport="tennis"]     { --sp: #E8FF3A; --sp-ink: #5A6600; }
[data-sport="padel"]      { --sp: #FFC53D; --sp-ink: #8A5A00; }
[data-sport="rugby"]      { --sp: #FF5A5F; --sp-ink: #B3121C; }
[data-sport="badminton"]  { --sp: #F472D0; --sp-ink: #A01470; }
[data-sport="multi"]      { --sp: #22D3EE; --sp-ink: #0B6478; }

/* base */
body { background: var(--bg); color: var(--txt); font-family: var(--font-text); font-size: var(--fs-body); line-height: 1.55; }
.grain::after { content: ''; position: fixed; inset: 0; pointer-events: none; z-index: 9999; opacity: .035; mix-blend-mode: overlay; background-image: var(--grain); }
.rule { height: 2px; background: var(--rule); border: 0; margin: 0; }
.display { font-family: var(--font-display); letter-spacing: .02em; text-transform: uppercase; line-height: .9; }
.num { font-family: var(--font-ui); font-weight: 700; font-variant-numeric: tabular-nums; }
:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }