/* ============================================================================
   CHARTE EMBELEC — FICHIER GÉNÉRÉ, NE PAS ÉDITER
   ----------------------------------------------------------------------------
   Extrait le 2026-09-16 de :
       Embelec_SiteWeb/src/styles/global.css

   Régénérer après toute refonte du site :
       python tools/extract_charte.py

   ⚠️  EXF-PORT-4 : la charte est RÉEMPLOYÉE, jamais reproduite. Toute valeur
   modifiée ici serait perdue à la prochaine extraction — et, pire, ferait
   diverger le portail du site sans que personne ne s'en aperçoive.
   ========================================================================== */

:root {

  /* --- Couleurs ---------------------------------------------------------
     Palette volontairement très courte : deux fonds, trois niveaux de
     gris pour le texte, une seule couleur d'accent utilisée avec parcimonie. */
  --c-bg: #ffffff;           /* fond principal */
  --c-surface: #fafafa;      /* fond des sections alternées, à peine gris */
  --c-fg: #0a0a0b;           /* texte principal, presque noir */
  --c-fg-muted: #63636d;     /* texte secondaire */
  /* Mentions discrètes (surtitres, légendes, ligne ©). Assombri le 4 sept.
     2026 : le #9a9aa4 d'origine ne donnait que 2,8:1 sur blanc pour du texte
     de 13-14 px, quand la lisibilité (WCAG AA) en demande 4,5. Celui-ci
     donne 4,8:1 sur blanc et 4,6:1 sur --c-surface. */
  --c-fg-subtle: #6f6f7a;
  --c-border: #e9e9ee;       /* filets de séparation */
  /* Vert de la marque, repris du logo. Réservé au DÉCORATIF (motifs,
     aplats, filets) : sur fond blanc son contraste n'est que de 2,8:1,
     très en dessous du minimum de 4,5:1 exigé pour du texte lisible. */
  --c-brand: #53ad41;

  /* Même vert, assombri pour atteindre 5,2:1 sur blanc. C'est LUI qu'on
     utilise pour tout ce qui est lisible ou cliquable : liens, boutons,
     libellés. Conforme au niveau AA des règles d'accessibilité. */
  --c-accent: #2f7d1e;
  --c-accent-strong: #256516; /* accent au survol */

  /* --- Typographie ------------------------------------------------------
     --font-inter est fournie automatiquement par Astro (police
     auto-hébergée, voir astro.config.mjs). */
  --font-sans: var(--font-inter), ui-sans-serif, system-ui, sans-serif;

  /* Tailles « fluides » : clamp(minimum, valeur idéale, maximum).
     Le texte grandit tout seul avec la largeur de l'écran, sans paliers. */
  --t-hero: clamp(2.75rem, 1.7rem + 4.4vw, 5rem);
  --t-h2: clamp(1.875rem, 1.35rem + 2.2vw, 2.875rem);
  --t-h3: clamp(1.125rem, 1.05rem + 0.35vw, 1.3125rem);
  --t-lead: clamp(1.125rem, 1.03rem + 0.45vw, 1.375rem);
  --t-body: 1.0625rem;
  --t-small: 0.875rem;
  --t-eyebrow: 0.8125rem;

  /* --- Rythme et largeurs ---------------------------------------------- */
  --space-section: clamp(5rem, 3rem + 8vw, 9.5rem);
  --gutter: clamp(1.25rem, 0.6rem + 3vw, 2.5rem);
  --w-container: 1200px;
  --w-prose: 65ch;

  /* --- Divers ----------------------------------------------------------- */
  --radius: 10px;
  --radius-lg: 16px;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --transition: 200ms var(--ease);

  /* Empêche le navigateur d'inverser les couleurs en mode sombre système :
     le site est volontairement clair. */
  color-scheme: light;

  /* --- Ajout propre au portail ------------------------------------------
     Le site fait servir `--font-inter` par Astro, qui auto-héberge la police.
     Le portail n'a pas cette machinerie : on fournit donc un repli, faute de
     quoi `var(--font-inter)` non défini rendrait toute la déclaration
     `--font-sans` invalide et le texte retomberait sur la police par défaut
     du navigateur. */
  --font-inter: "Inter";
}