/* ============================================================
   TOKENS UNIFIES — charte design et expérience v1.0
   Inventaire de référence pour le critère de recette 2, repris
   à l'identique du prototype contractuel specs/membre_phase1.html.
   Identiques espace membre et back-office : ne pas diverger sans
   avenant à la charte.
   ============================================================ */
:root{
  --bg:#FAFAF8; --surface:#FFFFFF; --ink:#17171A; --ink-soft:#3D3D42; --muted:#6B6B70; --muted-strong:#62626A; --line:#ECECEA;
  --n1:#F6F6F3; --n2:#F0F0EE; --n3:#E7E7E4; --n4:#D8D8D4; /* neutres utilitaires : survol, fonds secondaires, secondaires survoles, traits forts */
  --accent:#E2001A; --accent-ink:#C40017; --on-accent:#FFFFFF; /* on-accent : blanc ou encre selon contraste 4.5:1, choisi au provisioning du club (charte 2.1) */
  /* Replis statiques (Safari avant 16.2, sans color-mix) ; les valeurs dynamiques sont retablies dans le bloc @supports ci-dessous */
  --accent-soft:rgba(226,0,26,.10);
  --accent-tint:rgba(226,0,26,.07);
  --accent-hover:#CF0018;
  --ok:#157347; --ok-soft:#E3F0E8; --warn:#8A4B05; --warn-soft:#F9EFDF; --err:#C0392B; --err-soft:#F8EBE9;
  --scrim:rgba(23,23,26,.34);
  --shadow-1:0 1px 2px rgba(23,23,26,.05), 0 3px 10px rgba(23,23,26,.05);
  --shadow-2:0 2px 8px rgba(23,23,26,.06), 0 10px 28px rgba(23,23,26,.10);
  --r-card:16px; --r-ctl:12px; --r-pill:999px;
  --dur:200ms; --dur-in:300ms; /* transitions 150 a 250 ms ; entrees d'ecran 300 ms, tolerance consignee dans la note de transmission */
  --ease-out:cubic-bezier(.2,.7,.2,1); --ease-in:cubic-bezier(.5,0,.85,.4);
  --font:'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  /* Échelle d'espacement (charte 2.3, grille de 8, demi-pas de 4 en secours) */
  --space-4:4px; --space-8:8px; --space-12:12px; --space-16:16px;
  --space-24:24px; --space-32:32px; --space-40:40px; --space-48:48px; --space-64:64px;
  /* Échelle d'icônes (charte 2.6) */
  --icon-sm:16px; --icon-md:20px; --icon-lg:24px;
  --success:var(--ok); --success-soft:var(--ok-soft); /* alias historiques */
}
.theme-amis{ --accent:#0E7C7B; --accent-ink:#0B5F5E; --accent-soft:rgba(14,124,123,.10); --accent-tint:rgba(14,124,123,.07); --accent-hover:#0D7271; }
@supports (color: color-mix(in srgb, red 50%, white)) {
  :root, .theme-amis{
    --accent-soft:color-mix(in srgb, var(--accent) 10%, transparent);
    --accent-tint:color-mix(in srgb, var(--accent) 7%, transparent);
    --accent-hover:color-mix(in srgb, var(--accent) 92%, #000);
  }
  /* Encre de l'accent, derivee pour un club qui n'en a pas choisi. Portee par
     l'element racine, ou l'habillage du club pose --accent : la regle ne
     s'applique donc qu'a un espace de club, et laisse :root a la valeur de la
     charte. Un club qui choisit son encre l'ecrit dans l'attribut de style,
     plus specifique, et l'emporte sur cette derivation.
     Voir App\Twig\ClubThemeExtension. */
  html[style*="--accent:"]{
    --accent-ink:color-mix(in srgb, var(--accent) 80%, #000);
  }
}