/* AM2 Productions — design tokens (DA "Classement des maillots" v2) */

:root {
  /* Base — la page reste blanche et noire */
  --c-blanc: #FFFFFF;      /* blanc pur : damiers, pois, texte sur fond noir */
  --c-fond: #F4F0E8;       /* fond de page blanc cassé, repris du logo */
  --c-peloton: #E8E3D7;    /* surfaces, cartes, placeholders média (un ton sous le fond) */
  --c-bitume: #111111;     /* texte, filets, barre du profil */
  --c-texte-2: #33332F;    /* texte secondaire */
  --c-texte-3: #55554F;    /* métadonnées (4.5:1 min sur blanc) */
  --c-filet-clair: #D4D4D0;

  /* Maillots — une couleur = un rôle */
  --c-jaune: #FFD400;
  --c-jaune-vif: #FFE600;  /* jaune « maillot » plus éclatant : étiquette du showreel */      /* leader : showreel, projet phare, CTA. Texte noir uniquement, jamais en texte sur blanc */
  --c-pois: #E1251B;       /* grimpeur : documentaire / long format */
  --c-pois-texte: #C21E15; /* rouge pour du petit texte sur blanc */
  --c-vert: #0B5D3B;       /* sprinteur : short-form / réseaux */
  --c-menthe: #9BE3BF;     /* liseré du vert */
  --c-bleu-depart: #1E73BE;/* départ du profil, liens au survol */
  --c-sprint: #1E8E3E;     /* sprint intermédiaire = validation client (S blanc, 4.2:1) */

  /* Arc-en-ciel — signature AM2, liseré seulement, jamais en aplat */
  --rb-1: #3D9BE9;
  --rb-2: #E5484D;
  --rb-3: #111111;
  --rb-4: #F5D63D;
  --rb-5: #5CB85C;

  /* Typographie */
  --f-display: 'DM Serif Display', Georgia, serif; /* titres : une seule graisse (400), casse normale */
  --f-text: 'DM Sans', system-ui, sans-serif;      /* texte, étiquettes, boutons : 400–800 */
  --f-mono: 'IBM Plex Mono', monospace;             /* timecodes, métadonnées */

  --fs-hero: clamp(40px, 6.8vw, 92px);
  --fs-h2: clamp(34px, 4.6vw, 58px);
  --fs-contact: clamp(38px, 6vw, 84px);
  --fs-lead: 19px;
  --fs-body: 16px;
  --fs-small: 15px;
  --fs-meta: 12px;   /* mono, letter-spacing .08–.14em */
  --lh-display: 1.02;

  /* Espacement / layout */
  --container: 1280px;
  --gutter: clamp(16px, 4vw, 80px);
  --section-gap: 112px;
  --rule: 2px solid var(--c-bitume);
  --radius: 0;               /* aucun arrondi : tout est carré */
  --skew: skewX(-10deg);     /* pictos du profil (départ, sprint, côte, damier) */
  --rainbow-h: 10px;         /* liseré haut de page (15px sur la charte) */
}