/* Design tokens — extraits des maquettes validées (docs/maquettes/*.html).
   Toute nouvelle page du front-end doit consommer ces variables plutôt que
   redéfinir des couleurs/tailles en dur (cohérence visuelle, CDC v1.2 §9.3
   "une interface cohérente sur toutes les pages"). */

:root {
  /* Couleurs */
  --fe-bg: #faf8f3;
  --fe-bg-frame: #ede8dc;
  --fe-white: #ffffff;
  --fe-navy: #1a242d;
  --fe-navy-dark: #121920;
  --fe-gold: #fd5902;
  --fe-gold-light: #fe8341;
  --fe-ink: #1c1c1a;
  --fe-gray: #6e6b64;
  --fe-gray-light: #a6a297;
  --fe-border: #e8e3d8;
  --fe-success: #0f6e56;
  --fe-success-bg: #e7f3ef;
  --fe-danger: #a32d2d;
  --fe-danger-bg: #f6e9e9;
  --fe-warning: #a9812e;
  --fe-warning-bg: #f6f0e2;

  /* Palette catégorielle — statuts d'article (donut tableau de bord).
     Validée avec le script dataviz (6 checks OK, ordre séquentiel ET
     circulaire) : ne jamais réordonner sans revalider. */
  --fe-status-brouillon: #cc79a7;
  --fe-status-en_attente: #fd5902;
  --fe-status-valide: #0072b2;
  --fe-status-publie: #009e73;
  --fe-status-archive: #4a4e9e;
  --fe-status-rejete: #c1352f;

  /* Typographie */
  --fe-serif: "Playfair Display", Georgia, serif;
  --fe-body: "Source Serif 4", Georgia, serif;
  --fe-sans: "Inter", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Mise en page */
  --fe-max-width: 1180px;
  --fe-content-width: 760px;
  --fe-narrow-width: 480px;
  --fe-radius: 2px;
  --fe-radius-img: 8px;

  /* Ombres (usage discret — l'identité visuelle reste plate/éditoriale) */
  --fe-shadow-sm: 0 1px 3px rgba(28, 28, 26, 0.08);
  --fe-shadow-md: 0 4px 16px rgba(28, 28, 26, 0.1);
}