/* tokens.css — Magazine Madame, piste A « Le carnet bleu ». SEUL fichier de variables du thème.
   Contrastes WCAG calculés (texte normal ≥ 4,5:1) : encre/crème 15,5:1 ; cobalt/crème 8,3:1 ; blanc/cobalt 8,9:1 ;
   gris/crème 6,1:1 ; encre/rose 12,2:1. Nuit : texte/fond 15,1:1 ; liens/fond 8,6:1. */
:root {
  --creme: #FBF7F0;
  --papier: #FFFFFF;
  --encre: #1C1E2B;
  --encre-douce: #5A5D6E;
  --cobalt: #2340A8;
  --cobalt-fonce: #1A3184;
  --sur-cobalt: #FFFFFF;
  --rose: #F6D6D0;
  --rose-pale: #FBEAE6;
  --filet: #D9D3C7;
  --filet-fort: #1C1E2B;
  --couleur-accent: #2340A8;      /* alias lu par valider.py */

  --police-titre: "DM Serif Display", "Georgia", "Times New Roman", serif;
  --police-texte: "Public Sans", "Helvetica Neue", Arial, sans-serif;

  --t-xs: 0.8125rem;
  --t-s: 0.9375rem;
  --t-m: 1.0625rem;
  --t-l: 1.3125rem;
  --t-xl: clamp(1.6rem, 1.2rem + 1.6vw, 2.25rem);
  --t-2xl: clamp(2.1rem, 1.4rem + 3vw, 3.6rem);
  --t-3xl: clamp(2.6rem, 1.5rem + 4.6vw, 5.4rem);

  --e-1: 0.25rem; --e-2: 0.5rem; --e-3: 0.75rem; --e-4: 1rem; --e-5: 1.5rem; --e-6: 2rem; --e-7: 3rem; --e-8: 4.5rem; --e-9: 6.5rem;
  --largeur: 1220px;
  --largeur-texte: 41rem;
  --rayon: 2px;
  --rayon-pastille: 999px;
  --ombre: 0 1px 0 var(--filet);
  --duree: 180ms;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --creme: #141726;
    --papier: #1B1F33;
    --encre: #E8ECFF;
    --encre-douce: #B4BAD6;      /* 9,3:1 */
    --cobalt: #9DB0FF;           /* liens 8,6:1 */
    --cobalt-fonce: #C3CFFF;
    --sur-cobalt: #141726;       /* 8,6:1 sur #9DB0FF */
    --rose: #3A2F45;
    --rose-pale: #262236;
    --filet: #343A57;
    --filet-fort: #E8ECFF;
    --couleur-accent: #9DB0FF;
    color-scheme: dark;
  }
}