:root {
  color-scheme: dark;

  /* Palette — monochrome en premier, or Lokalio en accent. */
  --color-ink: #090909;
  --color-ink-raised: #1b1b18;
  --color-paper: #f4f1e8;
  --color-white: #fffdf7;
  --color-muted-dark: #b5b1a8;
  --color-muted-light: #5d5b55;
  --color-line-dark: #30302d;
  --color-line-light: #cbc7bc;
  --color-gold: #c8a44d;
  --color-gold-light: #f0d16a;
  --color-gold-on-light: #806613;

  /* Typographie auto-hébergée et fallbacks sans dépendance réseau. */
  --font-display: "Anybody", "Arial Narrow", Arial, sans-serif;
  --font-editorial: "Source Serif 4", Georgia, serif;
  --font-system: Arial, Helvetica, sans-serif;
  --step-label: clamp(0.75rem, 0.7rem + 0.18vw, 0.84rem);
  --step-body: clamp(1.02rem, 0.96rem + 0.28vw, 1.18rem);
  --step-lead: clamp(1.35rem, 1rem + 1.45vw, 2.35rem);
  --step-title: clamp(3rem, 1.55rem + 6.2vw, 8rem);
  --step-hero: clamp(3.45rem, 1rem + 9.6vw, 11rem);

  /* Grille, espaces et mesures. */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: clamp(2rem, 2.8vw, 2.75rem);
  --space-5: clamp(3rem, 4.8vw, 5rem);
  --space-6: clamp(4.5rem, 7.5vw, 8rem);
  --space-7: clamp(6.5rem, 11vw, 12rem);
  --page-gutter: clamp(1.25rem, 4vw, 4.5rem);
  --content-max: 100rem;
  --text-measure: 40rem;
  --grid-columns: 12;
  --header-height: 4.75rem;

  /* Motion — jamais requis pour lire ou naviguer. */
  --duration-fast: 160ms;
  --duration-medium: 420ms;
  --duration-signature: 700ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (max-width: 64rem) {
  :root {
    --grid-columns: 8;
  }
}

@media (max-width: 48rem) {
  :root {
    --grid-columns: 4;
    --header-height: 4.25rem;
  }
}