/* Re-skin de la zone legacy/admin (base.html + style.css) vers le design system
   patrimoine « Lieux habités ». Remap des variables de style.css sur les valeurs
   des tokens (palette + serif), SANS toucher la structure des pages. Light-only
   volontairement (les outils admin restent lisibles et prévisibles).
   Chargé APRÈS style.css pour gagner la cascade. */
:root {
  --primary: #4A7358;
  --primary-dark: #3C5E48;
  --primary-light: #5C8A6A;
  --accent: #4A7358;
  --bg: #E7E5DC;
  --bg-card: #F1F0E9;
  --bg-muted: #EDEBE2;
  --text: #1B1E19;
  --text-muted: #4E5247;
  --border: rgba(27, 30, 25, .16);
  --radius: 4px;
}
body {
  font-family: ui-sans-serif, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
h1, h2, h3 {
  font-family: "Hoefler Text", Palatino, "Palatino Linotype", Georgia, serif;
  font-weight: 400;
}
/* boutons de marque cohérents avec le nouveau front */
.btn-primary, .btn-primary:link { background: var(--primary); border-color: var(--primary); }
.btn-primary:hover { background: var(--primary-dark); }

/* Header + footer nouvelle UX pour la zone admin/legacy (remplace .navbar/.footer) */
.eh-bar {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: 12px 20px; flex-wrap: wrap;
  padding: 12px clamp(16px, 4vw, 40px);
  background: var(--bg-card); border-bottom: 1px solid var(--border);
  position: sticky; top: 0; z-index: 50;
}
.eh-brand { font-size: 1.2rem; color: var(--text); text-decoration: none; letter-spacing: .01em; }
.eh-brand b { color: var(--primary); font-weight: 400; }
.eh-tag { font-family: ui-sans-serif, system-ui, sans-serif; font-size: .62rem; text-transform: uppercase;
  letter-spacing: .16em; color: var(--text-muted); border: 1px solid var(--border);
  border-radius: 999px; padding: 1px 7px; margin-left: 8px; vertical-align: middle; }
.eh-nav { display: flex; gap: 18px; flex-wrap: wrap; align-items: baseline; }
.eh-nav a { font-size: .88rem; color: var(--text-muted); text-decoration: none; }
.eh-nav a:hover { color: var(--primary); }
.eh-nav a.eh-out { color: var(--text-muted); opacity: .75; }
.eh-foot {
  display: flex; align-items: center; justify-content: space-between; gap: 10px 20px; flex-wrap: wrap;
  padding: 20px clamp(16px, 4vw, 40px); margin-top: 48px;
  border-top: 1px solid var(--border); color: var(--text-muted); font-size: .84rem;
}
.eh-foot-links { display: flex; gap: 18px; flex-wrap: wrap; }
.eh-foot-links a { color: var(--text-muted); text-decoration: none; }
.eh-foot-links a:hover { color: var(--primary); }