/* ============================================================================
   RSKTV Player Pro — Tokens design (variables centralisées)
   Tranche 0 de la refonte UI. Purement additif : tant que rien ne les référence
   et que le flag UI_V2 est OFF, AUCUN changement visuel.
   Référentiel TV : 1920×1080. Lecture à 3 m (10-foot UI).
   ============================================================================ */
:root {
  /* ── Accent (rouge marque) ─────────────────────────────────────────────── */
  --rsk-accent:      #e50914;
  --rsk-accent-dim:  rgba(229, 9, 20, 0.22);
  --rsk-accent-soft: rgba(229, 9, 20, 0.12);

  /* ── Neutres (thème sombre) ────────────────────────────────────────────── */
  --rsk-bg:         #07070f;   /* fond global */
  --rsk-surface:    #0e0e22;   /* cartes / panneaux */
  --rsk-surface-2:  #16162a;   /* éléments surélevés */
  --rsk-border:     #1c1c3c;   /* bordures discrètes */

  /* ── Texte (contrastes lisibles à 3 m) ─────────────────────────────────── */
  --rsk-text:       #f0f0fa;   /* titres / texte principal */
  --rsk-text-dim:   #a0a0cc;   /* secondaire — 8.0:1 sur --rsk-bg */
  /* tertiaire / hints — remonté le 07/06/2026 : #55557a échouait à 2.84:1.
     #9292ba = 6.73:1 sur --rsk-bg (≥ 4.5:1 WCAG AA, lisible à 3 m). */
  --rsk-text-mute:  #9292ba;

  /* ── Échelle typographique (px @1080p — min 22px pour la lisibilité TV) ── */
  --rsk-fs-xl: 40px;
  --rsk-fs-lg: 32px;
  --rsk-fs-md: 26px;
  --rsk-fs-sm: 22px;
  --rsk-fs-xs: 18px;   /* réservé aux badges/labels, jamais au texte courant */

  /* ── Rythme d'espacement ───────────────────────────────────────────────── */
  --rsk-gap-xs:  8px;
  --rsk-gap-sm: 14px;
  --rsk-gap:    24px;
  --rsk-gap-lg: 40px;

  /* ── Rayons ────────────────────────────────────────────────────────────── */
  --rsk-radius:    14px;
  --rsk-radius-sm: 8px;

  /* ── État de focus (généralisé sur TV) ─────────────────────────────────── */
  --rsk-focus-ring:  2px solid var(--rsk-accent);
  --rsk-focus-scale: 1.04;

  /* ── Zone de sécurité TV (overscan) ────────────────────────────────────── */
  --tv-safe:    5%;     /* marge en pourcentage (responsive) */
  --tv-safe-px: 54px;   /* ~5% de 1080p, pour les cas en pixels */
}