/* =====================================================================
   theme.css — Identité V2 « La Route des Juifs du Pape »
   Un seul thème, synthèse : éditorial (mesure de lecture, sérif de livre,
   filets) + immersif (accueil sombre, photo pleine largeur, or patiné).
   Ton : sobre, respectueux, patrimonial. Tokens light par défaut ;
   [data-theme="dark"] pour l'accueil et les bandeaux sombres.
   ===================================================================== */

:root {
  /* — Couleurs (parchemin / encre / bordeaux / or patiné) — */
  --bg:        #f6f1e7;   /* parchemin        */
  --bg-2:      #efe6d4;   /* bandeau teinté   */
  --surface:   #fdfbf6;   /* cartes, en-tête  */
  --ink:       #231c12;   /* encre (texte)    */
  --ink-2:     #4c4234;   /* encre adoucie    */
  --muted:     #6b6152;   /* légendes         */
  --line:      #dbcfb8;   /* filets           */
  --accent:    #8a1f2b;   /* bordeaux (route, liens, titres) */
  --accent-strong: #731823;
  --gold:      #7a5f1f;   /* or patiné lisible sur clair */
  --on-accent: #fdf6ec;   /* texte sur bordeaux */
  --ring:      #2f5fd0;   /* focus visible      */

  /* — Typographie — */
  --font-head: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
  --font-body: Georgia, Cambria, "Iowan Old Style", "Times New Roman", serif;
  --font-ui:   system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* — Mesures — */
  --wrap:      72rem;
  --measure:   42rem;
  --radius:    14px;
  --radius-sm: 9px;
  --shadow:    0 10px 30px rgba(20, 15, 8, .12);
  --shadow-lg: 0 20px 50px rgba(20, 15, 8, .18);
}

/* Accueil + sections sombres : blanc-sur-noir chaud */
[data-theme="dark"] {
  --bg:        #14110a;
  --bg-2:      #1d1810;
  --surface:   #1b160d;
  --ink:       #f3ecdb;
  --ink-2:     #dccfb4;
  --muted:     #b3a88c;
  --line:      #39301f;
  --accent:    #d8a441;   /* or lumineux sur fond sombre */
  --accent-strong: #e6b657;
  --gold:      #d8a441;
  --on-accent: #14110a;
  --ring:      #8ab4ff;
  --shadow:    0 14px 40px rgba(0, 0, 0, .5);
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, .6);
}

/* — Identité de base — */
body {
  font-family: var(--font-body);
  color: var(--ink);
  background: var(--bg);
}
h1, h2, h3, h4 { font-family: var(--font-head); color: var(--ink); }
::selection { background: var(--accent); color: var(--on-accent); }

a { color: var(--accent); text-underline-offset: .18em; }
a:hover { color: var(--accent-strong); }

/* Petites capitales patrimoniales pour libellés d'interface */
.kicker, .site-nav a, .btn, .brand__name small, .footer-col h4,
.city__index, .routemap__legend {
  font-family: var(--font-ui);
}