/* ============================================================================
   base.css — fondations partagées par toutes les pages (hors game.html)
   Reset, design tokens, typographie de base, sélecteur de langue.
   À lier en PREMIER, avant tout fichier de famille (hub/leaderboard/site).
   ========================================================================= */

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}

/* Design tokens — jeu unifié (superset de toutes les variantes :root).
   Palette dérivée du LOGO Ultra Derby (public/ultra-derby-logo.png) :
   cheval BLEU électrique (gauche) vs cheval ROUGE cramoisi (droite), séparés
   par l'éclair blanc, sur fond noir froid. Le dégradé --accent → --accent2
   rejoue donc le « derby » bleu→rouge de gauche à droite de la marque.
   --accent / --accent2 sont l'UNIQUE source de vérité : tout halo, focus,
   badge ou bordure d'accent passe par --accent-rgb / --accent-soft. */
:root{
  --bg:#0a0a12;
  --card:#13131e;
  --bd:rgba(255,255,255,.08);
  --accent:#009ACF;          /* bleu électrique du logo, juste assez foncé pour que le texte BLANC reste lisible sur les boutons en dégradé */
  --accent2:#F4234F;         /* rouge cramoisi — cheval droit du logo */
  --accent-rgb:0,154,207;    /* = --accent, pour les rgba() (halos/focus/badges) */
  --accent2-rgb:244,35,79;   /* = --accent2 */
  --accent-soft:#5CC8FF;     /* bleu clair lisible — textes & badges d'accent sur fond sombre */
  --muted:rgba(255,255,255,.45);
  --modal:#181826;
  --nav-h:60px;
}

body{
  background:var(--bg);
  color:#fff;
  /* Inter en premier : actif sur les pages qui lient fonts.css (refonte direction A),
     repli Segoe UI partout ailleurs. */
  font-family:'Inter','Segoe UI',system-ui,sans-serif;
  min-height:100vh;
}

/* Sélecteur de langue (FR/EN/TR) — présent sur presque toutes les pages */
.lang-sw{display:inline-flex;gap:6px}
.lang-btn{
  background:none;border:1px solid rgba(255,255,255,.12);border-radius:6px;
  color:rgba(255,255,255,.45);font-size:.7rem;font-weight:700;padding:4px 9px;
  cursor:pointer;font-family:inherit;line-height:1.4;transition:.15s;
}
.lang-btn.active,.lang-btn:hover{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.28)}