/* ============================================================
   UNE VISION POUR LA FRANCE — design tokens
   Source de vérité : charte hybride verrouillée 2026-06-29
   + arbitrages du 12/07/2026 (crème en fond éditorial, or unique,
   sceau octogone-V, bloc-marque typographique).
   Ne rien modifier ici sans décision consignée au registre.
   ============================================================ */

:root {
  /* — Couleurs (charte) — */
  --marine: #0D2051;          /* fond solennel, texte sur clair */
  --or: #E8C44A;              /* accent souverain — RARE, jamais en aplat */
  --bleu-institutionnel: #1A50B8; /* accent sur fond clair */
  --creme: #F5F3EE;           /* fond éditorial clair (arbitré 12/07) */
  --blanc: #FFFFFF;           /* réservé texte sur marine */
  --marine-profond: #081536;  /* variante d'appui (dégradés interdits : aplats seulement) */
  --gris-pierre: #8A8F98;     /* texte secondaire sur clair */

  /* — Typographies (auto-hébergées) — */
  --font-collection: "Barlow Condensed", "Arial Narrow", sans-serif; /* titres, wordmark */
  --font-filiation: "Playfair Display", Georgia, serif;              /* endossement, éditorial solennel */
  --font-ui: "DM Sans", -apple-system, sans-serif;                   /* corps, navigation */
  --font-chiffres: "DM Mono", monospace;                             /* dates, numérotation */

  /* — Échelle typographique — */
  --h1: clamp(2.6rem, 7vw, 5rem);
  --h2: clamp(1.9rem, 4.5vw, 3rem);
  --h3: clamp(1.3rem, 2.5vw, 1.75rem);
  --body: 1.0625rem;
  --small: 0.875rem;

  /* — Signatures de collection — */
  --filet-or: 3px solid var(--or);          /* ligne d'horizon d'or */
  --filet-bleu: 3px solid var(--bleu-institutionnel); /* équivalent sur fond clair */

  /* — Rythme — */
  --mesure: 68ch;
  --marge: clamp(1.25rem, 5vw, 4rem);
}

/* — Fontes — */
@font-face { font-family: "Barlow Condensed"; src: url("../assets/fonts/BarlowCondensed-Black.ttf"); font-weight: 900; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url("../assets/fonts/BarlowCondensed-SemiBold.ttf"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url("../assets/fonts/BarlowCondensed-Medium.ttf"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url("../assets/fonts/BarlowCondensed-Regular.ttf"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Playfair Display"; src: url("../assets/fonts/PlayfairDisplay-Regular.ttf"); font-weight: 400 700; font-display: swap; }
@font-face { font-family: "DM Sans"; src: url("../assets/fonts/DMSans.ttf"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "DM Mono"; src: url("../assets/fonts/DMMono-Regular.ttf"); font-weight: 400; font-display: swap; }