:root {
  /* Couleurs — une seule teinte saturée, les neutres en descendent */
  --couleur-accent: #1b5e4a;
  --couleur-accent-fonce: #0f372b;
  --couleur-papier: #fcfdfd;
  --couleur-lavis: #f4f8f7;
  --couleur-filet: #dce5e2;
  --couleur-encre: #16221f;
  --couleur-estompe: #556d66;

  /* Typographie — deux familles, servies par Google Fonts */
  --font-titre: 'Spectral', Georgia, 'Times New Roman', serif;
  --font-texte: 'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Échelle typographique — un rapport de 1.25, des valeurs, pas des intervalles */
  --texte-micro: 13px;
  --inter-micro: 1.35;
  --lettrage-micro: 0.08em;
  --texte-corps: 16px;
  --inter-corps: 1.65;
  --texte-chapo: 20px;
  --inter-chapo: 1.5;
  --lettrage-chapo: -0.005em;
  --texte-h3: 25px;
  --inter-h3: 1.3;
  --lettrage-h3: -0.01em;
  --texte-h2: 32px;
  --inter-h2: 1.2;
  --lettrage-h2: -0.015em;
  --texte-h1: 40px;
  --inter-h1: 1.15;
  --lettrage-h1: -0.02em;
  --texte-display: 52px;
  --inter-display: 1.05;
  --lettrage-display: -0.025em;

  /* Espacement — base 4, une valeur se prend dans l'échelle */
  --espace-4: 4px;
  --espace-8: 8px;
  --espace-12: 12px;
  --espace-16: 16px;
  --espace-24: 24px;
  --espace-32: 32px;
  --espace-48: 48px;
  --espace-64: 64px;
  --espace-96: 96px;

  /* Mise en page */
  --largeur-page: 1200px;
  --mesure: 64ch;
  --gouttiere: 20px;
  --ecart-section: 96px;
  --ecart-section-serre: 64px;
  --cible-tactile: 44px;
  --rayon: 0px;
}

@media (min-width: 1000px) {
  :root { --gouttiere: 48px; }
}