/* ==========================================================================
   Vinifort — jetons de design
   Source unique de vérité graphique. Ce fichier est le seul endroit où une
   couleur, une police ou une échelle sont définies : partout ailleurs, on
   consomme des variables. Il est importé par le thème ET par le back-office,
   afin que l'outil interne ait le même visage que le site public.
   Référence : vinifort_contexte_v5.md §3 (charte confirmée par les logos).
   ========================================================================== */

:root {
  /* --- Couleurs de la charte --- */
  --vf-noir:        #0C0C07;  /* fond canonique */
  --vf-anthracite:  #252215;  /* variations de fond */
  --vf-or-profond:  #574A30;  /* bordures, ombres */
  --vf-or:          #8D7A62;  /* accent principal */
  --vf-or-clair:    #B09C81;  /* titres dorés, survol */
  --vf-creme:       #DED2C0;  /* texte secondaire sur fond sombre */
  --vf-blanc:       #FAF7F0;  /* fond clair */
  --vf-rouge:       #A62F13;  /* croix suisse UNIQUEMENT — jamais décoratif */

  /* --- Typographies --- */
  --vf-titre:  "Cinzel", Georgia, "Times New Roman", serif;
  --vf-slogan: "Cormorant Garamond", Georgia, serif;
  --vf-corps:  "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* --- Échelle typographique fluide : pas de media query pour la taille du texte --- */
  --vf-fs-hero:  clamp(2.2rem, 6vw, 4.5rem);
  --vf-fs-h1:    clamp(1.8rem, 4vw, 3rem);
  --vf-fs-h2:    clamp(1.3rem, 2.6vw, 2rem);
  --vf-fs-corps: clamp(1rem, 1.1vw, 1.125rem);
  --vf-fs-petit: 0.875rem;

  --vf-ls-titre: 0.14em;  /* les titres Cinzel respirent : interlettrage large */

  /* --- Espacements --- */
  --vf-esp-xs: 0.5rem;
  --vf-esp-s:  1rem;
  --vf-esp-m:  2rem;
  --vf-esp-l:  4rem;
  --vf-esp-xl: clamp(4rem, 10vw, 8rem);

  /* --- Structure --- */
  --vf-largeur:   1200px;
  --vf-largeur-texte: 68ch;
  --vf-r:         3px;
  --vf-bordure:   1px solid var(--vf-or-profond);
  --vf-transition: 200ms ease;
}