/* tokens.css — cadeau-pour-enfant.com, piste « Le Petit Paquet ». SEUL fichier de variables.
   Contrastes WCAG 2.x calculés le 30/10/2026 :
   encre/fond 16,7:1 · orchidée/fond 4,8:1 · blanc/orchidée 5,0:1 · orchidée foncée/fond 6,6:1 · encre/abricot 13,0:1
   rouille/fond 5,9:1 · discret/fond 7,6:1 · prune/abricot 6,3:1
   nuit : encre/fond 16,2:1 · orchidée/fond 9,5:1 · discret/fond 9,8:1 · encre/surface 14,1:1 */
:root {
  --fond: #FCFAF6;
  --surface: #FFFFFF;
  --papier: #FFF1DF;          /* abricot très clair : résumé, bloc IA */
  --abricot: #FFD9A8;         /* accent décoratif : pastilles, étiquettes, encadré */
  --kraft: #E9D5BA;           /* papier kraft : étiquettes, filets pleins */
  --encre: #24142A;
  --discret: #5E4A63;
  --orchidee: #AC45AC;        /* principale : liens, boutons, ficelle */
  --couleur-accent: var(--orchidee); /* nom attendu par valider.py */
  --orchidee-fonce: #8E3590;  /* survol, texte orchidée en petit corps */
  --prune: #7A2E7B;           /* texte sur abricot */
  --rouille: #9A4D00;         /* accent texte : surtitres, dates */
  --sur-orchidee: #FFFFFF;
  --pied-fond: #24142A;
  --pied-encre: #F6EEF7;
  --pied-lien: #FFD9A8;
  --focus: #9A4D00;

  --police-titre: "Fredoka", "Nunito Sans", system-ui, sans-serif;
  --police-texte: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --t-0: 0.875rem;
  --t-1: 1.0625rem;
  --t-2: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --t-3: clamp(1.6rem, 1.3rem + 1.4vw, 2.25rem);
  --t-4: clamp(2.2rem, 1.5rem + 3.4vw, 4.25rem);

  --marge: clamp(16px, 4vw, 40px);
  --large: 1240px;
  --etroit: 720px;
  --esp-1: 0.5rem;
  --esp-2: 1rem;
  --esp-3: 1.5rem;
  --esp-4: 2.5rem;
  --esp-5: clamp(4rem, 3rem + 4vw, 7.5rem);

  --rayon: 22px;
  --rayon-petit: 12px;
  --ficelle: 6px;
  --duree: 220ms;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --fond: #1A1020;
    --surface: #2A1C31;
    --papier: #2A1C31;
    --abricot: #3D2A33;
    --kraft: #3A2B2F;
    --encre: #F6EEF7;
    --discret: #C9B8CC;
    --orchidee: #E7A3EC;
    --orchidee-fonce: #F2C4F5;
    --prune: #F6EEF7;
    --rouille: #F2B36B;
    --sur-orchidee: #1A1020;
    --pied-fond: #120A16;
    --pied-encre: #F6EEF7;
    --pied-lien: #FFD9A8;
    --focus: #F2B36B;
    color-scheme: dark;
  }
}