/* Jetons HeyLioo — source unique. Charte 2.4 (livrables/identite-visuelle) ; gris, surfaces
   sur fond sombre, rayons et ombres complétés parmi les valeurs en usage, vérifiés AA.
   Ne jamais recopier une valeur ailleurs : utiliser la variable. */
:root{
  /* Marque */
  --blue:#2558F4;--blue-hover:#1746D4;--lime:#D7F75B;--ink:#101828;--bg:#F6F7FB;--surface:#FFFFFF;
  /* Couleurs d'impression des modèles SVG officiels (SVG/HL-*.svg, SVG/Wallet IOS*) : réservées aux
     visuels de carte NFC et aux pass Wallet par défaut — la charte écran reste --blue/--lime. */
  --card-blue:#0056EE;--card-lime:#D4F86C;
  /* Export imprimeur des supports (support-render.js, printSVG) : plaque du vernis UV en noir 100 % et repère de coupe. */
  --print-black:#000000;--print-cut:#00AEEF;
  /* Fond neutre soutenu : scènes produit du site public */
  --bg-2:#E9EDF5;
  /* Texte et filets sur fond clair */
  --text:#101828;--text-2:#526073;--line:#E6E9F0;--line-strong:#DCE2EC;
  /* Sur fond encre (barre latérale) */
  --ink-2:#202C40;--ink-line:#344057;--on-dark:#FFFFFF;--on-dark-2:#AEB9CD;
  /* Sur fond bleu : texte secondaire (4,76:1) */
  --on-blue-2:#E8EDFF;
  /* États : texte / fond */
  --success:#16704A;--success-bg:#E7F5ED;--warning:#845400;--warning-bg:#FFF3D6;
  --error:#B42318;--error-bg:#FEECEB;--info:#2558F4;--info-bg:#EAF0FF;
  /* Palettes de départ client reprises de l’atelier validé. */
  --studio-sage:#406454;--studio-sage-accent:#EEDB94;--studio-clay:#994D37;--studio-clay-accent:#BFE0DB;
  /* Typographie (échelle de la charte) : SF Pro partout, interface comprise (D46) ; pile système Apple, repli système. */
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",system-ui,"Helvetica Neue",Arial,sans-serif;
  /* Typographies des pages Pro, sous licence OFL : éditoriale (serif) et chaleureuse (sans arrondie). */
  --font-editorial:'Source Serif 4',Georgia,'Times New Roman',serif;
  --font-warm:Manrope,-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",system-ui,"Helvetica Neue",Arial,sans-serif;
  --fs-12:12px;--fs-14:14px;--fs-16:16px;--fs-24:24px;--fs-30:30px;--fs-40:40px;--fs-72:72px;
  /* Accroches du site public, dans la même progression */
  --fs-48:48px;--fs-56:56px;--fs-64:64px;--fs-80:80px;
  /* Rayons (fichier de jetons officiel) ; --radius-device : maquettes de téléphone */
  --radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-full:999px;--radius-device:39px;
  /* Ombres ; --shadow-mask masque le contenu sous un bouton collant, --shadow-rings est le motif de connexion */
  --shadow-sm:0 1px 2px rgb(16 24 40 / .06);--shadow-md:0 8px 24px rgb(16 24 40 / .08);
  --shadow-lg:0 24px 48px rgb(16 24 40 / .16);
  --shadow-mask:0 0 0 8px var(--surface);
  --shadow-rings:0 0 0 90px rgb(255 255 255 / .02),0 0 0 180px rgb(255 255 255 / .016);
  /* Espacements (disponibles, pas encore imposés) */
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;
  --space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-24:96px;
  /* Logo en tête de LiooPage (D75) : boîte maximale, sans fond ; le logo s'y réduit en gardant son ratio, jamais agrandi.
     Repris par brand/ios.py (BrandPageLogo, en points). */
  --page-logo-max-w:160px;--page-logo-max-h:64px;
  /* Contrôles et mouvement */
  --control:44px;--control-small:36px;--dur-fast:160ms;--dur:240ms;--dur-slow:480ms;--ease:cubic-bezier(.2,.8,.2,1);
}
@media (prefers-reduced-motion:reduce){:root{--dur-fast:0ms;--dur:0ms;--dur-slow:0ms}}
/* Accent de texte (liens, onglet actif, bannière d'information) : le bleu de marque sur fond clair. */
:root{--accent:var(--blue);
  /* Mode sombre encre : surfaces et textes sur l'encre, vérifiés AA (texte ≥ 4,5:1, filets de champ ≥ 3:1). */
  --ink-3:#2A3850;--ink-line-strong:#707D96;--blue-on-dark:#9DB6FF;--info-bg-dark:#1E2B4F;
  --success-on-dark:#6FD4A0;--success-bg-dark:#15302A;--warning-on-dark:#F2C66D;--warning-bg-dark:#2E2716;
  --error-on-dark:#FF9B8F;--error-bg-dark:#3A1D1F}
/* Une LiooPage (publique ou en aperçu) garde les couleurs de sa page, en mode sombre aussi : jetons clairs rétablis. */
:root[data-theme="dark"] :is(.lioopage,.public-page,.studio-canvas,.page-card-cover){color-scheme:light;--bg:#F6F7FB;--surface:#FFFFFF;--bg-2:#E9EDF5;--text:#101828;--text-2:#526073;--line:#E6E9F0;--line-strong:#DCE2EC;--accent:var(--blue);--info:var(--blue);--info-bg:#EAF0FF}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(.lioopage,.public-page,.studio-canvas,.page-card-cover){color-scheme:light;--bg:#F6F7FB;--surface:#FFFFFF;--bg-2:#E9EDF5;--text:#101828;--text-2:#526073;--line:#E6E9F0;--line-strong:#DCE2EC;--accent:var(--blue);--info:var(--blue);--info-bg:#EAF0FF}}