/* ============================================================

   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{

/* ================= 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{--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{--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{--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{--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);}