/* FLASH ESPORT — charte (identique à l'app). Toutes les couleurs du site sont définies ici. */
:root {
  /* Couleurs */
  --noir: #000000;
  --rouge: #B00000;                              /* textes, accents, traits, états actifs, live */
  --rouge-lumiere: #E01818;                      /* lames de lumière, halos, reflets, grands titres */
  --rouge-sombre: #8C0000;                       /* bas du dégradé très léger des grands titres */
  --rouge-fond: rgba(255, 0, 0, 0.188);          /* #30FF0000 : remplissage boutons / containers rouges */
  --rouge-contour: rgba(255, 0, 0, 0.251);       /* #40FF0000 */
  --rouge-fond-fort: rgba(255, 0, 0, 0.30);      /* survol */
  --rouge-halo: rgba(224, 24, 24, 0.55);         /* lueur de la lame de lumière */
  --rouge-halo-doux: rgba(224, 24, 24, 0.16);
  --rouge-brume: rgba(176, 0, 0, 0.14);          /* dégradés d'ambiance très discrets */
  --neutre-bas: #000000;                         /* containers neutres : dégradé bas → haut */
  --neutre-haut: #101010;
  --neutre-contour: rgba(255, 255, 255, 0.051);  /* #0DFFFFFF */
  --blanc: #FFFFFF;
  --texte: rgba(255, 255, 255, 0.92);
  --texte-doux: rgba(255, 255, 255, 0.72);
  --texte-faible: rgba(255, 255, 255, 0.56);
  --trait: rgba(255, 255, 255, 0.08);
  --trait-fort: rgba(255, 255, 255, 0.18);
  --verre: rgba(8, 8, 8, 0.62);                  /* verre sombre (avec flou d'arrière-plan) */
  --verre-dense: rgba(4, 4, 4, 0.86);
  --verre-barre: rgba(0, 0, 0, 0.66);            /* barre du haut et pied de page : verre sombre translucide, comme dans l'app */
  --verre-barre-opaque: rgba(0, 0, 0, 0.88);     /* même barre sans flou (paliers de qualité bas, navigateurs sans flou) */
  --verre-menu: rgba(0, 0, 0, 0.88);
  --voile: rgba(0, 0, 0, 0.55);
  --voile-fort: rgba(0, 0, 0, 0.82);
  --reflet: rgba(255, 255, 255, 0.10);
  --reflet-fort: rgba(255, 255, 255, 0.28);
  --ecran-vide: #0A0A0A;
  /* Cadre du téléphone : titane sombre (reflet clair en haut à gauche, plus sombre en bas) */
  --titane-eclat: #D2CBC3;
  --titane-clair: #8E8780;
  --titane-moyen: #56514C;
  --titane-sombre: #2E2B29;
  --titane-ombre: #131211;
  --titane-lisere: #6A645E;
  --tel-halo: rgba(224, 24, 24, 0.3);              /* lueur rouge derrière le téléphone */
  --ecran-app: #050505;                          /* fond du haut des captures de l'app (zone de la Dynamic Island) */
  --titane-bouton: #2B2826;
  --titane-objectif: #111010;

  /* Typographies */
  --police-titre: "Anton", "Arial Narrow", Impact, sans-serif;
  --police-texte: "Exo 2", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --t-hero: clamp(3.5rem, 9.4vw, 9.5rem);
  --t-xl: clamp(2.75rem, 6.6vw, 6.5rem);
  --t-l: clamp(2rem, 4.4vw, 3.5rem);
  --t-m: clamp(1.375rem, 2.2vw, 1.75rem);
  --t-texte: 1.0625rem;
  --t-petit: 0.875rem;
  --t-mini: 0.75rem;

  /* Formes et espacements */
  --rayon: 8px;
  --rayon-pilule: 22px;
  --rayon-plein: 999px;
  --marge: clamp(1rem, 4.2vw, 3.75rem);          /* marge latérale des pages */
  --e-1: 0.5rem;
  --e-2: 1rem;
  --e-3: 1.5rem;
  --e-4: 2.5rem;
  --e-5: 4rem;
  --e-6: 6.5rem;
  --entete-h: 70px;
  --largeur: 1320px;
  --largeur-lecture: 70ch;

  /* Mouvement */
  --courbe: cubic-bezier(0.16, 1, 0.3, 1);
  --courbe-douce: cubic-bezier(0.25, 1, 0.5, 1);
  --courbe-nette: cubic-bezier(0.2, 0.9, 0.2, 1);   /* montée des lignes de titre : départ vif, arrivée posée */
  --braise-coeur: #FF7A52;                         /* cœur chaud des braises et des lucioles (orangé très léger) */
  --grain: 0.03;                                   /* opacité du grain de pellicule */
}

@media (max-width: 900px) {
  :root { --verre-barre: rgba(0, 0, 0, 0.76);   /* téléphone : le contenu passe juste derrière le logo, verre plus couvrant */
    --entete-h: 62px; }
}