/* ============================================================
   SITE-WEB.FR — TOKENS · source de vérité (v4, août 2026)
   Architecture : 1. primitifs → 2. sémantiques → 3. composants.
   Toute maquette consomme ces variables, jamais des valeurs en dur.
   ============================================================ */
:root:not(#swm-x),#swm-v2{
/* ================= 1 · PRIMITIFS ================= */
/* --- Typographies --- */
--display:'Plus Jakarta Sans','Space Grotesk',system-ui,sans-serif; /* titres, chiffres */
--body:'Space Grotesk',system-ui,sans-serif;                        /* texte courant */
--mono:'Rubik Mono One',monospace;                                  /* micro-labels, kickers */
--stamp:'Archivo Black',sans-serif;                                 /* héritage — réservé au logo image (logos/) */

/* --- Couleurs brutes --- */
--ink:#12131c;--ink-soft:#454a63;--paper:#ffffff;--white:#fff;
--lime:#c8ff3e;--pink:#ff5ec4;
--cobalt:#2130ea;--cobalt-deep:#111c9c;--cobalt-soft:#e7e9ff;
--green:#1f9d55;--green-deep:#14683a;--green-soft:#e6f4ec;
--cyan:#56e0ff;--yellow:#ffd93d;--violet:#b388ff;--orange:#ff7a3d;--mint:#7cf2c8;

/* --- Échelles --- */
--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-pill:999px;
--s1:8px;--s2:16px;--s3:24px;--s4:40px;--s5:64px;--s6:96px;--s7:128px;

/* ================= 2 · SÉMANTIQUES ================= */
--bg-page:var(--paper);            /* fond de page */
--bg-surface:var(--white);         /* cartes */
--bg-strong:var(--cobalt);         /* salles fortes — toujours quadrillées --grid-w */
--tx-main:var(--ink);--tx-soft:var(--ink-soft);--tx-invert:var(--white);
--accent-action:var(--cobalt);     /* boutons, liens, prix */
--accent-signature:var(--pink);    /* tiret du logo, ponctuation, badges CTA — jamais du texte courant */
--accent-emphase:var(--lime);      /* action sur cobalt ; micro-accents sur blanc autorisés en V14 */
--ok:var(--green);--ok-deep:var(--green-deep);--ok-soft:var(--green-soft); /* validation, réassurance, €/jour */
--brd:#e5e7eb;                     /* bordure de carte universelle 2px */
--line:rgba(18,19,28,.10);
/* Trames (le quadrillage est LA texture ; les pois sont interdits) */
--cobalt-line:rgba(255,255,255,.14);
--grid-w:linear-gradient(var(--cobalt-line) 1px,transparent 1px),linear-gradient(90deg,var(--cobalt-line) 1px,transparent 1px);
--grid-i:linear-gradient(rgba(33,48,234,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(33,48,234,.13) 1px,transparent 1px);
--grid-size:34px 34px;

/* ================= 3 · COMPOSANTS ================= */
/* Boutons */
--btn-bg:var(--accent-action);--btn-tx:#fff;--btn-radius:9px;
--btn-shadow:0 14px 30px -14px rgba(33,48,234,.55);   /* halo doux cobalt */
--btn-disabled-bg:#c9cbe0;--btn-disabled-tx:#6d7089;
/* Champs */
--field-bg:#fff;--field-brd:var(--brd);--field-radius:9px;
--field-focus:var(--cobalt);--field-error:var(--pink);
/* Cartes */
--card-brd:2px solid var(--brd);--card-radius:var(--r-lg);
/* Badges CTA (sous le bouton, radius 7, largeur au contenu) */
--badge-radius:7px;
/* Statuts d'intégration */
--statut-inc-bg:var(--ok-soft);--statut-inc-tx:var(--ok-deep);
--statut-opt-bg:var(--cobalt-soft);--statut-opt-tx:var(--cobalt);
--statut-etu-bg:#fff;--statut-etu-tx:var(--ink);--statut-etu-brd:#d9d4c2;
/* Pastille-icône universelle */
--ico:48px;

/* --- Héritage (déprécié, ne plus employer) --- */
--dots:radial-gradient(rgba(18,19,28,.13) 1.4px,transparent 1.4px); /* interdit — remplacé par --grid-i */
--dots-size:24px 24px;
--bw:2px;--e1:5px;--e2:7px;--e3:12px;--e4:16px;
--sh-pink:0 14px 30px -14px rgba(255,94,196,.5);
}

/* Décision Noham, 07/09/2026 : fond blanc exclusivement. --paper reste un alias compatible. */
:root:not(#swm-x),#swm-v2{--badge-action-bg:var(--pink);--badge-action-tx:var(--white);}

/* Réassurance — décision Noham 07/09/2026 : portraits obligatoires, logos clients animés. */
:root:not(#swm-x),#swm-v2{--trust-avatar-size:36px;--trust-avatar-overlap:10px;--trust-avatar-ring:2px;--trust-stars:var(--yellow);--trust-surface:var(--white);--trust-marquee-duration:40s;--trust-logo-width:180px;--trust-logo-height:42px;--trust-logo-height-mobile:38px;--trust-marquee-reverse-duration:44s;}

/* CTA DA6 v3 — V10 : icône + badge à cheval exactement à 50%. */
:root:not(#swm-x),#swm-v2{--cta-duration:150ms;--cta-ease:cubic-bezier(.22,.78,.25,1);--badge-shadow:0 6px 16px -6px rgba(18,19,28,.35);}

/* Révélations progressives V11 — demande de Noham, 7 septembre 2026. */
:root:not(#swm-x),#swm-v2{--reveal-title-duration:720ms;--reveal-text-duration:560ms;--reveal-media-duration:800ms;--reveal-item-duration:480ms;--reveal-distance:24px;--reveal-stagger:70ms;--reveal-ease:cubic-bezier(.22,.78,.25,1);}