:root {
  --f-titre: 'Libre Franklin', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-texte: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
  --f-mono: jetbrains-mono, ui-monospace, monospace;
  --f-graisse-titre: 800;
  --f-casse-kicker: uppercase;
  --tm: 0.833rem;
  --t1: 1.0rem;
  --t2: 1.2rem;
  --t3: 1.44rem;
  --t4: 1.728rem;
  --t5: 2.074rem;
  --t6: 2.488rem;
  --t7: 2.986rem;
  --t-hero: clamp(2.07rem, 6vw, 3.58rem);
  --e1: 0.25rem;
  --e2: 0.5rem;
  --e3: 0.75rem;
  --e4: 1.0rem;
  --e5: 1.5rem;
  --e6: 2.0rem;
  --e7: 3.0rem;
  --e8: 4.0rem;
  --r-carte: 8px;
  --r-bouton: 4px;
  --r-image: 4px;
  --largeur: 1100px;
  --ico-trait: 1.5;
  --header-h: 72px;
  /* Palette du thème (jetons skin d'index.css), ocre décalé à #b06d12 pour ne pas doubler un site voisin */
  --c-fond: rgb(var(--color-fill-secondary));
  --c-fond-2: rgb(var(--color-fill));
  --c-surface: rgb(var(--color-card));
  --c-texte: rgb(var(--color-text));
  --c-texte-2: #6f6660;
  --c-primaire: rgb(var(--color-text-active));
  --c-sur-primaire: #fbfbfb;
  --c-secondaire: rgb(var(--color-border));
  --c-sur-secondaire: #fbfbfb;
  --c-primaire-texte: #8f5c0e;
  --c-secondaire-texte: #4d7a4f;
  --c-bouton: #8f5c0e;
  --c-doux: #f5ebe0;
  --c-sur-doux: #3c3836;
  --c-bord: #d6ccc2;
  --c-voile: #3c3836;
  --c-sur-voile: #fbfbfb;
  --c-ombre: #3c3836;
  --o-carte: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
  --o-survol: 0 10px 15px -3px rgb(0 0 0 / .14);
  --carte-fond: rgb(var(--color-card));
  --carte-encre: rgb(var(--color-text));
  --carte-encre-2: #6f6660;
  --carte-lien: #8f5c0e;
  --carte-bord: 1px solid #d6ccc2;
  --btn-fond: transparent;
  --btn-texte: rgb(var(--color-text));
  --btn-bord: 1px solid currentColor;
  --btn-ombre: none;
  --btn-deco: none;
  --lien-couleur: #8f5c0e;
  --lien-deco: underline;
  --lien-epaisseur: 1px;
  --lien-fond: #f5ebe0;
  --lien-fond-encre: #3c3836;
}

body { font-family: var(--f-texte); }
h1, h2, h3, h4 { font-family: var(--f-titre); }
html, html[data-theme="dark"] { color-scheme: light; }
html, html[data-theme="light"], html[data-theme="dark"] { --color-fill: 241, 241, 241; --color-fill-secondary: 251, 251, 251; --color-card: 241, 241, 241; --color-text: 80, 73, 69; --color-text-dodge: 111, 102, 96; --color-text-active: 176, 109, 18; --color-border: 104, 157, 106; }