/* Azimut — thèmes clair / sombre. Source unique des jetons de couleur.
   Le thème est porté par [data-theme] sur <html> ; « :root » sert de repli
   (thème clair) si l'attribut venait à manquer. */

:root,
html[data-theme="clair"]{
  --page:#FFFFFF; --raised:#FBF9FA; --sunken:#F3EEF2; --border:#E2DDEA;
  --ink:#262626; --ink2:#6B6B6B; --ink3:#8A8A8A;
  --brand100:#F4EDF2; --brand300:#A67C99; --brand500:#714B67; --brand600:#8C6482; --brand700:#4B2F44;
  --accent:#D98B3B; --accent700:#B56F27;
  --entete-fond:rgba(255,255,255,.86);
  --ombre:0 10px 30px rgba(38,38,38,.08);
  --ombre-forte:0 18px 44px rgba(38,38,38,.14);
  /* accessibilité : anneau, bouton et pied lisibles sur fond clair */
  --anneau:#B56F27;
  --bouton-fond:#714B67; --bouton-fond-hover:#4B2F44; --bouton-texte:#FFFFFF;
  --pied-fond:#4B2F44; --pied-texte:#F2EAEF; --pied-texte2:#D9CEDA;
}

html[data-theme="sombre"]{
  --page:#161119; --raised:#1E1822; --sunken:#241D29; --border:#372E3E;
  --ink:#F3EEF2; --ink2:#C4B9C8; --ink3:#A79EAB;
  --brand100:#2A2130; --brand300:#C79BB6; --brand500:#C79BB6; --brand600:#D9B4CC; --brand700:#F0DCE8;
  --accent:#E0A25F; --accent700:#F0BE86;
  --entete-fond:rgba(22,17,25,.86);
  --ombre:0 10px 30px rgba(0,0,0,.4);
  --ombre-forte:0 18px 44px rgba(0,0,0,.55);
  /* le fond clair du bouton impose un texte foncé ; le pied reste sombre */
  --anneau:#E0A25F;
  --bouton-fond:#C79BB6; --bouton-fond-hover:#D9B4CC; --bouton-texte:#1A1320;
  --pied-fond:#241D29; --pied-texte:#F2EAEF; --pied-texte2:#B9AEBE;
}

html{color-scheme:light;}
html[data-theme="sombre"]{color-scheme:dark;}

body{background:var(--page);color:var(--ink);transition:background-color .25s ease,color .25s ease;}