/* ============================================================
   AdProtectX — jetons de design
   Valeurs reprises telles quelles du prototype (AdProtectX v2.dc.html).
   Ne pas « améliorer » ces couleurs : elles sont la référence produit.
   ============================================================ */

:root {
  /* --- Thème sombre (défaut du prototype) --- */
  --c-canvas:#05070E; --c-bg0:#020617; --c-bg1:#0B1220; --c-bg2:#0F172A;
  --c-glass:rgba(255,255,255,.05); --c-glass2:rgba(255,255,255,.08);
  --c-stroke:rgba(255,255,255,.09); --c-stroke2:rgba(255,255,255,.15);
  --c-t0:#FFFFFF; --c-t1:#E2E8F0; --c-t2:#CBD5E1; --c-t3:#94A3B8; --c-t4:#7A8AA3;
  --c-cyan:#22D3EE; --c-cyan-d:#67E8F9; --c-blue:#60A5FA; --c-violet:#A78BFA;
  --c-warn:#FBBF24; --c-danger:#FB7185;
  --c-rail:rgba(255,255,255,.03); --c-sheet:#080C18;

  /* --- Géométrie imposée par le système de design du prototype --- */
  --r-card:22px;          /* « Cartes 20–24 px » */
  --r-card-sm:16px;
  --r-pill:999px;
  --sw-w:52px; --sw-h:30px;   /* « interrupteurs 52×30 » */
  --tap:44px;                  /* « zones tactiles ≥ 44 px » */
  --ease:cubic-bezier(.22,1,.36,1);  /* « une seule courbe » */
  --dur:.28s;

  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px;
  --sp-6:24px; --sp-7:32px; --sp-8:40px;

  --font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --r-btn:16px; --r-field:14px; --nav-h:56px; --appbar-align:center;
  --font-sys:var(--font);
  --kb:0px;   /* hauteur du clavier logiciel, mise à jour par visualViewport */
  --safe-top:env(safe-area-inset-top,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);
}

:root[data-theme="light"] {
  --c-canvas:#E9EDF5; --c-bg0:#F6F8FC; --c-bg1:#FFFFFF; --c-bg2:#FFFFFF;
  --c-glass:rgba(255,255,255,.72); --c-glass2:rgba(255,255,255,.92);
  --c-stroke:rgba(2,6,23,.09); --c-stroke2:rgba(2,6,23,.14);
  --c-t0:#020617; --c-t1:#0F172A; --c-t2:#334155; --c-t3:#475569; --c-t4:#5B6B84;
  --c-cyan:#0E7490; --c-cyan-d:#0E7490; --c-blue:#2563EB; --c-violet:#6D28D9;
  --c-warn:#B45309; --c-danger:#E11D48;
  --c-rail:rgba(2,6,23,.03); --c-sheet:#FFFFFF;
}

/* --- Différences de plateforme : géométrie et police système --- */
:root[data-platform="ios"] {
  --font-sys:-apple-system,'SF Pro Text',var(--font);
  --r-card:22px; --r-btn:14px; --r-field:14px;
  --appbar-align:center;      /* titre centré, convention iOS */
  --nav-h:52px;
}
:root[data-platform="android"] {
  --font-sys:Roboto,var(--font);
  --r-card:20px; --r-btn:20px;  /* Material 3 : boutons très arrondis */
  --r-field:12px;
  --appbar-align:left;          /* titre aligné à gauche, convention Material */
  --nav-h:64px;                 /* barre de navigation Material plus haute */
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}