/* =============================================================
   article.css : raccord des articles avec la DA de la refonte.
   Les articles gardent leurs styles propres (bloc <style> de chaque page) ;
   cette feuille, chargée après eux, remplace l'ancienne common.css :
   palette, polices et typographie du contenu.
   ============================================================= */

/* anciennes variables des articles, branchées sur les jetons de site.css */
:root {
  --dark: var(--ink);
  --text: var(--ink);
  --muted: var(--ink-soft);
  --cream: var(--paper-2);
  --white: var(--paper-3);
  --green-light: var(--green);
  --font-serif: var(--anton);
  --font-sans: var(--sans);
}

/* le haut de l'article (structure .page-hero des autres pages) : titres souvent longs, un cran plus petits */
.art-hero h1 { font-size: clamp(2.2rem, 4.4vw, 4rem); max-width: 22ch; }
.art-hero .lead { max-width: 680px; }

/* titres : Anton sans italique (la police n'en a pas) */
h1 em, h2 em, h3 em, h4 em { font-style: normal; }
h3, h4 { line-height: 1.1; }

/* typographie du contenu (ex-common.css), hors barre et bas de page */
body > :not(header):not(footer) :is(p, ul, ol) { font-size: .97rem; line-height: 1.8; color: rgba(20, 38, 28, .8); }
body > :not(header):not(footer) p { margin-bottom: 12px; }
body > :not(header):not(footer) :is(ul, ol) { padding-left: 24px; margin-bottom: 16px; }
body > :not(header):not(footer) li { margin-bottom: 6px; }
body > :not(header):not(footer) strong { color: var(--ink); font-weight: 600; }
body > :not(header):not(footer) a:not(.btn):not([class*="cta"]):not([class*="link"]) { color: var(--green); }