/* Thème clair « Avoine & Genévrier » (choix du 29/10/2026 : clair et lumineux).
   Seule source des couleurs, polices et tailles du site, du quiz et des courriers.
   Contrastes vérifiés par calcul (WCAG 2.1, texte normal ≥ 4,5:1) : docs/apercu-theme-clair/README.md. */
:root {
  --c-fond: #FFFFFF;          /* blanc dominant */
  --c-fond-2: #F6F3EF;        /* sections alternées : avoine très pâle */
  --c-carte: #FFFFFF;
  --c-carte-2: #EBE6E0;
  --c-trait: #D3C7B9;         /* bordure fine des cartes et séparateurs (décoratifs) */
  --c-trait-champ: #8C7D6E;   /* bordure des champs et des choix : 4,0:1 sur blanc, 3,6:1 sur avoine (WCAG 1.4.11) */
  --c-texte: #191F1D;         /* noir verdâtre, jamais #000 : 16,7:1 sur blanc */
  --c-texte-doux: #566B64;    /* 5,7:1 sur blanc, 5,2:1 sur avoine (#647C74 écarté : 4,5 / 4,1) */
  --c-action: #10413B;        /* genévrier profond : 11,4:1 sur blanc */
  --c-action-survol: #0A2C28;
  --c-action-doux: #E4EFEA;
  --c-accent: #FEC521;        /* souci : badges, surlignés ; texte --c-sur-accent dessus (10,5:1) */
  --c-accent-doux: #FEE9B5;
  --c-sur-accent: #191F1D;
  --c-premium: #10413B;       /* bloc mis en avant, texte clair dessus */
  --c-sur-premium: #F6F3EF;   /* 10,3:1 */
  --c-sur-premium-doux: #B7CEC5;
  --c-succes: #2A7354;        /* 5,7:1 sur blanc, 4,9:1 sur --c-action-doux */
  --c-erreur: #9A412B;        /* terracotta : 6,6:1 sur blanc, 5,6:1 sur --c-erreur-doux */
  --c-erreur-doux: #F8E9E3;
  --ombre: 0 1px 2px rgba(25, 31, 29, 0.06), 0 16px 40px -16px rgba(25, 31, 29, 0.22);

  --f-titre: 'Fraunces', Georgia, serif;
  --f-latin: 'Manrope', system-ui, sans-serif;   /* reste latine en dir=rtl (français cité dans une page arabe) */
  --f-texte: var(--f-latin);
  --f-arabe: 'Readex Pro', 'Manrope', system-ui, sans-serif;

  --t-corps: clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem);   /* 17 → 19 px */
  --t-chapo: clamp(1.1875rem, 1.1rem + 0.4vw, 1.375rem);
  --t-petit: 0.9375rem;
  --t-surtitre: 0.8125rem;                                   /* 13 px, capitales espacées */
  --ls-surtitre: 0.12em;
  --t-marque: 1.375rem;
  --ls-marque: -0.02em;
  --t-h3: clamp(1.375rem, 1.25rem + 0.4vw, 1.625rem);
  --t-h2: clamp(2.5rem, 1.9rem + 2.6vw, 4.5rem);             /* 40 → 72 px */
  --t-h1: clamp(3.5rem, 2.4rem + 4.6vw, 6.5rem);             /* 56 → 104 px */
  --t-h1-page: clamp(2.5rem, 1.9rem + 3vw, 4.75rem);         /* titres longs des pages intérieures */
  --t-h2-texte: clamp(1.625rem, 1.4rem + 0.8vw, 2.125rem);   /* intertitres des textes longs (CGV…) */
  --g-titre: 350;             /* titres jamais en gras */
  --ls-titre: -0.03em;

  --e-1: 4px; --e-2: 8px; --e-3: 12px; --e-4: 16px; --e-5: 24px; --e-6: 32px; --e-7: 48px; --e-8: 64px;
  --e-section: clamp(64px, 6vw + 40px, 128px);
  --rayon: 10px;
  --rayon-carte: 14px;
  --rayon-pilule: 999px;
  --cible-min: 48px;          /* boutons et choix de réponse */
  --largeur-texte: 65ch;
}

/* Thème clair pour tous (décision du 29/10) : le site ne suit pas le mode sombre du téléphone ou de l'ordinateur.
   Le bloc sombre ci-dessous ne s'applique que si une page pose data-theme="dark" (aucune aujourd'hui). */
:root { color-scheme: light; }

:root[data-theme="dark"] {
  --c-fond: #121815; --c-fond-2: #18201C; --c-carte: #1C2420; --c-carte-2: #26302B; --c-trait: #36433D; --c-trait-champ: #71837B;
  --c-texte: #EEE9E1; --c-texte-doux: #A9B6AF;
  --c-action: #8FD0B5; --c-action-survol: #A9DEC8; --c-action-doux: #1F3530;
  --c-accent: #FEC521; --c-accent-doux: #3A3016; --c-sur-accent: #191F1D;
  --c-premium: #0E332E; --c-sur-premium: #EEE9E1; --c-sur-premium-doux: #A9C4B9;
  --c-succes: #8FD0B5; --c-erreur: #E79A80; --c-erreur-doux: #3B2620;
  --ombre: 0 1px 2px rgba(0, 0, 0, 0.3), 0 16px 40px -16px rgba(0, 0, 0, 0.6);
  color-scheme: dark;
}

/* Polices : hébergées sur le site (woff2 dans site/src/fonts/, aucun appel à Google Fonts : RGPD).
   L'arabe n'a ni capitales ni approche serrée : titres en Readex Pro, espacement normal. */
:root[dir="rtl"], [lang="ar"] { --f-texte: var(--f-arabe); --f-titre: var(--f-arabe); --ls-titre: 0; --ls-surtitre: 0; --g-titre: 500; }