/* ============================================
   Design tokens — Piste B
   Source unique des couleurs / typographie / espacements
   pour tout le site (Bootstrap et son propre jeu de
   variables ont été entièrement retirés).
   ============================================ */

/* Inter auto-hébergée (assets/fonts/) plutôt que Google Fonts CDN : supprime la
   dépendance à fonts.googleapis.com/fonts.gstatic.com (2 origines tierces, DNS+TLS
   en plus) du chemin critique. Fichiers récupérés depuis la réponse réelle de l'API
   Google Fonts (css2, sous-ensemble "latin" — couvre tous les caractères français
   usuels y compris œ) : Google sert désormais Inter en police variable, un seul
   fichier romain couvrant tout l'axe de graisse 400-800 (`font-weight: 400 800`,
   syntaxe standard CSS Fonts Module 4) plutôt que 6 fichiers statiques séparés —
   vérifié en rendu réel (5 graisses + italique bien distincts). ~73 Ko/2 fichiers
   au lieu de ~191 Ko/6 fichiers mesurés précédemment (cf. CLAUDE.md). */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("/assets/fonts/inter-roman.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/inter-italic.woff2") format("woff2");
}

:root {
  /* --- Couleurs --- */
  --bg: #FFFFFF;
  --surface: #FFFFFF;
  --surface-2: #F4F5F3;
  --line: #E2E4E1;

  --ink-heading: #202327;
  --ink-body: #4A4E54;
  --ink-muted: #676C73;  /* contraste ≥ 4.5:1 sur --bg et --surface-2 (initialement #767B82, ~4.27:1, insuffisant) */

  --accent: #8C2F39;       /* bordeaux — décoratif : liens, traits, chiffres */
  --accent-ink: #8C2F39;   /* bordeaux — texte-safe : boutons, liens, CTA */
  --accent-fill: #8C2F39;  /* fond plein des boutons (texte blanc dessus) */
  --accent-on: #FFFFFF;    /* texte clair sur bouton/bandeau accent */

  /* --- Bandeau hero : seule zone en couleurs inversées du site --- */
  --hero-bg: #1C1E22;
  --hero-fg: #DFDCD4;
  --hero-muted: rgba(223, 220, 212, 0.62);
  --hero-accent: #D9838D;

  /* --- Typographie ---
     Un seul nom de variable, volontairement distinct de --font-heading / --font-body
     (déjà utilisées par les pages pas encore migrées dans main.css) pour éviter
     toute collision de cascade entre les deux jeux de tokens. */
  --font-display: "Inter", -apple-system, "Segoe UI", sans-serif;

  /* --- Forme --- */
  --radius-sm: 3px;
}