/*
 * tokens.css — Squelette maître CCPF v2 (page blanche, 100 % dérivé des rescans)
 * Chaque valeur cite sa source : voir ../reference/analyses-concurrents/conception-v2.md (dossier client) (tableau décision ← source).
 * Sources : rescan/{alumalco,alumilex,shalwin,fabelta}.md du 2026-08-23.
 */

:root {
  /* ── Palette (conception §1) ─────────────────────────────── */
  --c-fond:        #1b1b19;  /* charcoal foncé — fond continu (assombri, demande cliente 2026-09-23) */
  --c-fond-2:      #131311;  /* charcoal -2 — cartes, partenaires (même écart qu'avant) */
  --c-texte:       #f4f0f0;  /* blanc cassé — texte sur sombre (Alumilex, 75 occ)   */
  --c-accent:      #ce271e;  /* ROUGE CENTERAL — échantillonné du logo client (65 993 px) */
  --c-accent-actif:#e8564b;  /* rouge éclairci — états actifs                       */
  --c-filet:       #f4f0f029;/* filets neutres 16 % — le rouge reste chirurgical    */
  --c-clair:       #f2f2f2;  /* fond doux clair (Alumalco, 14 occ)                  */
  --c-encre:       #2a2a28;  /* texte sur clair (Alumilex)                          */
  --c-encre-2:     #262626;  /* labels, citations sur clair (Alumalco)              */
  --c-trait-clair: #bfbfbf;  /* ticks/liaisons sur clair (Alumalco, 14 occ)         */
  --c-erreur:      #d4171f;  /* fonctionnel erreur (Alumalco)                       */
  --c-succes:      #009986;  /* fonctionnel succès (Alumalco)                       */
  --c-accordeon:   #373a3c;  /* rangée accordéon (Alumilex)                         */
  --c-filet-acc:   #c4a483;  /* filet accordéon (Alumilex, décalé delta accent)     */

  /* Dégradé bouton contour — structure Alumilex 6 stops, transposée au rouge Centeral */
  --degrade-bouton: linear-gradient(90.29deg, #ce271e .26%, #8f1b14 19.29%, #e8564b 29.56%, #ce271e 46.83%, #7d1812 69.61%, #ce271e 103.76%);
  /* Respiration claire — Alumilex S4 verbatim */
  --degrade-clair: linear-gradient(180deg, rgba(213,216,223,1) 0%, rgba(247,247,247,1) 100%);
  /* Fondu vers l'anthracite — Alumilex S4 verbatim */
  --fondu-sombre: linear-gradient(180deg, rgba(27,27,25,0) 83.11%, rgba(27,27,25,1) 100%);
  /* Voile héros 3 couches — Alumilex S1 verbatim */
  --voile-heros: linear-gradient(0deg, rgba(0,0,0,.2), rgba(0,0,0,.2)),
                 linear-gradient(180deg, transparent 67.08%, rgba(0,0,0,.2) 78.36%),
                 linear-gradient(180deg, rgba(0,0,0,.2), transparent);
  /* Overlay slides — Alumilex verbatim */
  --voile-slide: linear-gradient(180deg, rgba(0,0,0,.6), rgba(0,0,0,.3));
  /* Overlay bas — Shalwin verbatim */
  --voile-bas: linear-gradient(180deg, rgba(0,0,0,0) 70%, rgba(26,24,20,.9) 100%);
  /* Texte posé SUR une photo — héros, slides, bannière produit, cartouche CTA. Sur le fond
     charcoal il vaut la même chose que --c-texte, mais il reste NOMMÉ à part : c'est lui qui
     tient si le fond redevient clair un jour (voir le bloc en fin de main.css). */
  --c-texte-media: #ffffff;
  /* Cartouche verre — Alumilex verbatim */
  --verre-fond: #1b1b194d;
  --verre-bord: #f4f0f099;

  /* ── Typographie (conception §2) ─────────────────────────── */
  --font-display: 'Montserrat', 'Open Sans', sans-serif;   /* display light du scan (Shalwin h1 300) */
  --font-corps:   'Open Sans', sans-serif;                  /* corps du marché (Alumalco/Shalwin)      */
  --font-action:  'Yantramanav', sans-serif;                /* libellés d'action (Alumalco)            */

  /* ── Motion (conception §7) ──────────────────────────────── */
  --t-micro:   .2s ease-in-out;                        /* Alumalco ×58            */
  --t-hover:   .4s ease-in-out;                        /* Alumilex ×35            */
  --ease-bouton: cubic-bezier(0.25, 1, 0.33, 1);       /* Fabelta boutons         */
  --ease-reveal: cubic-bezier(.215, .61, .355, 1);     /* easeOutCubic (Fabelta)  */
  --ease-heros:  cubic-bezier(0.12, 0.75, 0.4, 1);     /* contra-zoom (Fabelta)   */
  --ombre-bouton: 0 20px 38px rgba(0, 0, 0, 0.16);     /* Fabelta hover           */
}