/* Compatibilité : pages publiques dont le style propre a été écrit avec les anciennes variables (--primary, --gray-*, --border…).
   Elles reprennent ainsi la palette « papier / bleu nuit / ambre » sans réécrire leur CSS. Chargé après site_nouveau.css. */
:root {
  --primary: var(--accent);
  --primary-dark: var(--navy);
  --primary-light: color-mix(in srgb, var(--accent) 12%, var(--surface));
  --secondary: var(--amber);
  --gray-50: var(--paper);
  --gray-100: color-mix(in srgb, var(--line) 45%, var(--paper));
  --gray-200: var(--line);
  --gray-600: var(--muted);
  --gray-700: var(--muted);
  --gray-800: var(--ink);
  --text: var(--ink);
  --text-muted: var(--muted);
  --border: var(--line);
  --danger: var(--crit);
  --success: var(--ok);
  --shadow-sm: 0 1px 2px rgb(14 26 56 / 0.06);
  --shadow-md: 0 6px 14px -6px rgb(14 26 56 / 0.18);
  --shadow-lg: 0 18px 34px -16px rgb(14 26 56 / 0.28);
}
/* Remise à zéro attendue par ces pages (l'ancien style intégré la faisait) */
*, *::before, *::after { margin: 0; padding: 0; }
h1, h2, h3, h4 { letter-spacing: -0.01em; }
button, input, select, textarea { font-family: inherit; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.main-content { min-height: 60vh; }
@media (max-width: 640px) { .container { padding: 0 18px; } }