/* Audiocy'Bel, variables de marque (piste 2, « La belle attention »).
   Généré par kit/web.py à partir de 02-pistes/piste-2/palette.json : ne pas modifier à la main. */
@font-face { font-family: "Fraunces"; src: url("polices/fraunces.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Atkinson Hyperlegible Next"; src: url("polices/atkinson-hyperlegible-next.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Atkinson Hyperlegible Next"; src: url("polices/atkinson-hyperlegible-next-italique.woff2") format("woff2"); font-weight: 200 800; font-style: italic; font-display: swap; }

:root {
  --ab-prune: #4A2340;
  --ab-creme: #FBF4EC;
  --ab-terracotta: #B5562F;
  --ab-abricot: #F2B48C;
  --ab-blanc: #FFFFFF;
  --ab-terracotta-texte: #A34C29;
  --ab-texte: var(--ab-prune);
  --ab-fond: var(--ab-creme);
  --ab-accent: var(--ab-terracotta);
  --ab-lien: var(--ab-terracotta-texte);
  --ab-police-titre: "Fraunces", Georgia, serif;
  --ab-police-texte: "Atkinson Hyperlegible Next", "Segoe UI", system-ui, sans-serif;
  --ab-reglages-titre: "SOFT" 100, "WONK" 1, "opsz" 144;
  --ab-taille-texte: 1.125rem;
  --ab-interligne: 1.6;
  --ab-t1: clamp(2.25rem, 1.6rem + 2.6vw, 3.5rem);
  --ab-t2: clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem);
  --ab-t3: 1.375rem;
  --ab-legende: 0.9375rem;
}

body { background: var(--ab-fond); color: var(--ab-texte); font: var(--ab-taille-texte)/var(--ab-interligne) var(--ab-police-texte); }
h1, h2, h3 { font-family: var(--ab-police-titre); font-weight: 500; font-variation-settings: var(--ab-reglages-titre); line-height: 1.15; }
h1 { font-size: var(--ab-t1); }
h2 { font-size: var(--ab-t2); }
h3 { font-size: var(--ab-t3); }
a { color: var(--ab-lien); }
small, figcaption { font-size: var(--ab-legende); }