/* Batiplus Isolation — tokens v2.0.0
   GÉNÉRÉ par socle-web/tokens/generer.mjs. Ne pas éditer à la main :
   la source est batiplus-isolation.json, et une retouche ici serait écrasée
   au prochain build sans que personne s'en aperçoive. */

:root {

  --degrade-signe: linear-gradient(120deg,#00A0F8,#0050C8);
  --degrade-action: linear-gradient(180deg,#0A8CFF,#0068D8);
  --degrade-nuit: linear-gradient(180deg,#0A0E1A 0%,#0C1424 46%,#0A0E1A 100%);
  --halo-hero: radial-gradient(circle,rgba(0,128,248,.20),transparent 62%);
  --halo-pied: radial-gradient(circle,rgba(0,128,248,.07),transparent 65%);
  --halo-carte: radial-gradient(circle,rgba(0,160,248,.08),transparent 65%);
  --halo-action: 0 0 24px rgba(0,128,248,.38);
  --halo-opacite-max: 0.2;
  --halo-par-page-max: 1;
  --verre-surface: rgba(255,255,255,.03);
  --verre-controle: rgba(255,255,255,.06);
  --verre-flou: blur(8px);
  --typo-titre-famille: Archivo;
  --typo-titre-graisse: 900;
  --typo-titre-tracking: -0.015em;
  --typo-titre-casse: uppercase;
  --typo-labeur-famille: Switzer;
  --typo-labeur-graisse: 400;
  --typo-donnee-famille: JetBrains Mono;
  --typo-donnee-graisse: 400;
  --typo-echelle-display-taille: clamp(34px,4.7vw,70px);
  --typo-echelle-display-interligne: 0.96;
  --typo-echelle-h1-taille: clamp(30px,3.4vw,46px);
  --typo-echelle-h1-interligne: 1.06;
  --typo-echelle-h1-graisse: 900;
  --typo-echelle-h2-taille: clamp(24px,2.4vw,32px);
  --typo-echelle-h2-interligne: 1.16;
  --typo-echelle-h2-graisse: 700;
  --typo-echelle-corps-taille: 17px;
  --typo-echelle-corps-interligne: 1.62;
  --typo-echelle-corps-graisse: 400;
  --typo-echelle-corps-petit-taille: 14px;
  --typo-echelle-corps-petit-interligne: 1.55;
  --typo-echelle-corps-petit-graisse: 400;
  --typo-echelle-etiquette-taille: 12px;
  --typo-echelle-etiquette-interligne: 1.2;
  --typo-echelle-etiquette-graisse: 700;
  --typo-echelle-etiquette-tracking: 0.16em;
  --typo-echelle-mono-taille: 12.5px;
  --typo-echelle-mono-interligne: 1.5;
  --forme-rayon-controle: 8px;
  --forme-rayon-carte: 18px;
  --forme-rayon-pilule: 99px;
  --forme-trait-icone: 1.6px;
  --forme-grille-icone: 24px;
  --forme-angle-lettrage: 23.6deg;
  --forme-angle-toit: 36.6deg;
  --mouvement-courbe: cubic-bezier(.16,1,.3,1);
  --mouvement-duree-court: 0.18s;
  --mouvement-duree-moyen: 0.3s;
  --mouvement-duree-long: 0.8s;
  --mouvement-apparition-decalage: 26px;
  --mouvement-apparition-duree: 0.8s;
  --mouvement-apparition-seuil: 0.12;
  --mouvement-cascade-ms-par-element: 70;
  --mouvement-cascade-duree: 0.9s;
  --mouvement-cascade-seuil: 0.4;
  --signe-logo-sombre: 04-matiere/logo/bandeau-2026-09-14/bloc-logo-lumineux.png;
  --signe-logo-clair: 04-matiere/logo/logo-bati.svg;
  --signe-fusion-sur-sombre: screen;
  --signe-commentaire: Sur fond sombre le bloc lumineux se pose en screen, le noir s'annule. Sur fond clair, le SVG : le bloc est dessiné sur son halo et toute découpe le troue.;
  --voix-formule-certificat: la mousse que nous projetons est certifiée AENOR n° 020/004180;
  --voix-commentaire: Le titulaire du certificat et du DTA est Synthesia, jamais lui.;
}

/* — thème sombre, celui par défaut — */
:root, [data-mode="sombre"] {
  --fond: #0A0E1A;
  --surface: #101827;
  --surface-2: #16223A;
  --texte: #FFFFFF;
  --texte-2: #AFC2DC;
  --texte-3: #8497B4;
  --trait: #1C2A44;
  --trait-fort: #2A3E63;
  --trait-survol: #243454;
  --trait-actif: #2F4573;
  --accent: #0080F8;
  --accent-texte: #FFFFFF;
  --accent-clair: #00A0F8;
  --accent-haut: #0A8CFF;
  --accent-bas: #0068D8;
  --marque: #F80000;
  --ok: #3FBE86;
  --attente: #D9B44F;
  --ko: #F86060;
  --degrade-titre: linear-gradient(#FFFFFF 28%,#9FB6D6 128%);
  --degrade-reflet: linear-gradient(110deg,transparent 42%,rgba(255,255,255,.5) 50%,transparent 58%);
}

/* — thème clair — */
[data-mode="clair"] {
  --fond: #F4F6FA;
  --fond-degrade: linear-gradient(165deg,#F7F9FC,#E6EBF3);
  --surface: #FFFFFF;
  --texte: #0A0E1A;
  --texte-2: #465A77;
  --texte-3: #556880;
  --trait: #DCE3ED;
  --trait-fort: #8DA0BB;
  --accent: #0050C8;
  --accent-texte: #FFFFFF;
  --accent-clair: #0050C8;
  --marque: #DD141D;
  --ok: #1F7A55;
  --attente: #886B1D;
  --ko: #C41522;
  --degrade-titre: linear-gradient(#0A0E1A 30%,#465A77 130%);
  --degrade-reflet: linear-gradient(110deg,transparent 42%,rgba(10,14,26,.28) 50%,transparent 58%);
}