/* ============================================================
   Charte MatchMaBrand — SOURCE UNIQUE pour tout le projet MMB
   (feuille de route client, futur CRM, tout autre support).
   Relevée le 12/10/2026 sur matchmabrand.com, dans les variables CSS
   de leur page d'accueil. Si leur site change, on relève à nouveau :
   c'est leur site qui fait autorité, ce fichier en est la copie fidèle.
   Police : Inter (400 à 900), à charger à côté de ce fichier.
   ============================================================ */
:root {
  /* Surfaces */
  --mmb-fond:            #0D0D0D;   /* hsl(0 0% 5%)  --background */
  --mmb-carte:           #141414;   /* hsl(0 0% 8%)  --card */
  --mmb-attenue:         #262626;   /* hsl(0 0% 15%) --muted */
  --mmb-lisere:          #2E2E2E;   /* hsl(0 0% 18%) --border */
  --mmb-lisere-fort:     #3A3A3A;

  /* Texte */
  --mmb-texte:           #FAFAFA;   /* hsl(0 0% 98%) --foreground */
  --mmb-texte-second:    #A6A6A6;   /* hsl(0 0% 65%) --muted-foreground */

  /* Marque */
  --mmb-rouge:           #E00400;   /* hsl(1 100% 44%) --primary */
  --mmb-rouge-fonce:     #940300;   /* hsl(1 100% 29%) --secondary */
  --mmb-rouge-vif:       #FF0500;   /* hsl(1 100% 50%) --accent */
  --mmb-rouge-lumineux:  #FF2B26;   /* hsl(1 100% 54%) --primary-glow */
  --mmb-rouge-voile:     rgba(224,4,0,0.14);

  /* Sémantique (hors charte du site, choisies pour rester lisibles sur leur fond) */
  --mmb-succes:          #4ADE80;
  --mmb-attente:         #FBBF24;

  /* Formes et effets */
  --mmb-rayon:           0.75rem;   /* 12 px, --radius */
  --mmb-degrade-hero:    linear-gradient(135deg, #E00400 0%, #0D0D0D 100%);
  --mmb-degrade-carte:   linear-gradient(145deg, #141414 0%, #940300 100%);
  --mmb-degrade-accent:  linear-gradient(90deg, #E00400 0%, #940300 100%);
  --mmb-degrade-texte:   linear-gradient(to right, #E00400, rgba(224,4,0,0.7)); /* « athlètes × marques » */
  --mmb-ombre-lueur:     0 0 40px rgba(224,4,0,0.30);
  --mmb-ombre-carte:     0 10px 30px -10px rgba(224,4,0,0.20);
  --mmb-ombre-forte:     0 20px 50px -15px rgba(224,4,0,0.40);
  --mmb-transition:      all .3s cubic-bezier(.4, 0, .2, 1);

  /* Typographie */
  --mmb-police:          "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mmb-titre-graisse:   900;       /* h1 du site : 72 px, 900, interlettrage -1,8 px */
  --mmb-titre-interlettre: -0.025em;

  color-scheme: dark;
}