/* Design tokens — LE SEUL fichier à modifier pour rebrander le produit (nom, couleurs, typo, rayons).
   La charte d'une entreprise (logo, polices, signature) s'applique aux BROUILLONS de son espace, pas à l'app. */
:root{
  --police: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;
  --police-titre: "Inter Display", -apple-system, "SF Pro Display", system-ui, sans-serif;
  --fond:#FAFAFA; --surface:#FFFFFF; --surface-2:#F4F4F5; --encre:#18181B; --encre-2:#52525B; --discret:#A1A1AA;
  --trait:rgba(24,24,27,.08); --accent:#5B5BD6; --accent-encre:#FFFFFF; --urgent:#E5484D; --attention:#F5A524; --ok:#30A46C;
  --rayon:14px; --rayon-petit:10px; --ombre:0 1px 2px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.04);
  --cible:44px;
}
@media (prefers-color-scheme: dark){
  :root{--fond:#09090B;--surface:#141417;--surface-2:#1C1C20;--encre:#FAFAFA;--encre-2:#A1A1AA;--discret:#71717A;
        --trait:rgba(255,255,255,.08);--accent:#8B8DF8;--ombre:none}
}