/* ───────────────────────────────────────────────────────────────
   Forno Vivo — surcouche back-office « trattoria éditoriale ».
   Chargée APRÈS les CSS Astro : remappe les tokens canoniques et
   surcharge les valeurs en dur (Bebas Neue, or 34Burger).
   Sidebar = couverture de menu (brun profond), contenu = crème.
   ─────────────────────────────────────────────────────────────── */
:root {
  --paper: #f9f1e3;         /* fond de page — crème */
  --basalt: #fdf6e7;        /* panneaux — crème clair */
  --basalt-light: #f0e5cd;  /* champs / survol — sable */
  --ink: #241812;           /* texte — brun profond */
  --stone: #8a7263;
  --line: #e0d2b8;
  --signal: #a93226;        /* rouge brique */
  --signal-dark: #7c2318;
  --signal-light: #c4503f;
  --signal-soft: rgba(169, 50, 38, .1);
  --ok: #2e6b3e;
  --ok-soft: rgba(46, 107, 62, .12);
  --warn: #b07818;
  --warn-soft: rgba(176, 120, 24, .14);
  --danger: #b03a2e;
  --danger-soft: rgba(176, 58, 46, .12);
  --radius: 6px;
  --font-display: 'Fraunces', serif;
  --font-body: 'Instrument Sans', system-ui, sans-serif;
}

/* ── Sidebar — couverture de menu ── */
.admin-side {
  background: #241812;
  border-right-color: #241812;
}
.admin-logo {
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 400;
  font-size: 26px;
  letter-spacing: 0;
  color: #f5ece0;
  font-variation-settings: "SOFT" 100, "WONK" 1;
}
.admin-nav-link { color: rgba(245, 236, 224, .62); }
.admin-nav-link:hover { color: #f5ece0; background: #2b1a12; }
.admin-nav-link.active { color: #f5ece0; background: rgba(169, 50, 38, .38); }

/* ── Typographie display ── */
.admin-top h1,
.card h2,
.modal h3,
.login-card .logo {
  font-family: var(--font-display);
  letter-spacing: -.01em;
}
.card h2 { color: var(--signal); font-weight: 400; }
.admin-top h1 { font-weight: 800; font-variation-settings: "opsz" 144, "SOFT" 30; }
.modal h3 { font-style: italic; font-weight: 400; font-variation-settings: "SOFT" 100, "WONK" 1; }
.login-card .logo { font-style: italic; font-weight: 400; color: var(--signal); font-variation-settings: "SOFT" 100, "WONK" 1; }

/* ── En-têtes de tableau façon menu imprimé ── */
.admin-table th {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 10px;
  letter-spacing: .14em;
}

/* ── Surfaces & contrôles ── */
.card { box-shadow: none; }
.login-card { border-top: 3px solid var(--signal); }
.btn-primary { color: #f5ece0; }
.admin-table img { background: var(--basalt-light); }
.modal-backdrop { background: rgba(36, 24, 18, .55); }

/* ── Alertes dans la palette ── */
.alert-ok { background: var(--ok-soft); border-color: rgba(46, 107, 62, .3); }
.alert-err { background: var(--danger-soft); border-color: rgba(176, 58, 46, .3); }