/**
 * variables.css
 * Palette, typographie, espacements et rythme — Laurent Mas Events.
 */

:root {
  /* ---- Couleurs ---- */
  --color-charcoal: #0e0d0c;       /* noir profond / charbon */
  --color-charcoal-soft: #17150f;
  --color-ivory: #f5f0e6;          /* ivoire / blanc cassé */
  --color-ivory-dim: #ece4d4;
  --color-white: #ffffff;          /* blanc pur — bande logos références, pour se fondre avec les logos fournis sur fond blanc opaque */
  --color-beige: #cdbb9c;          /* beige chaud */
  --color-beige-soft: #e4d9c4;
  /* --color-gold aligné sur --color-gold-quiet (2026-08-27, voir
     PROJET-NOTES.md) : Laurent trouvait l'ancien doré (#b79a68) trop
     "bling bling" sur les liens/eyebrows/CTA. Les deux variables restent
     distinctes dans le code (sémantique différente) mais partagent
     désormais la même valeur, plus sourde. */
  --color-gold: #a68d63;           /* doré / champagne — usage discret (fonds sombres) */
  --color-gold-quiet: #a68d63;     /* doré atténué (fonds sombres uniquement) */
  --color-gold-ink: #7d6538;       /* doré profond — conforme AA sur fond ivoire */
  --color-ink: #201d18;
  --color-line: rgba(245, 240, 230, 0.16);
  --color-line-dark: rgba(14, 13, 12, 0.12);

  /* Consolidation identité de palette (2026-08-26, voir PROJET-NOTES.md) :
     ces 2 gris étaient déjà utilisés partout sur le site (paragraphes de
     texte courant, sur fond ivoire) mais codés en dur (#46433b, #6b6658 et
     variantes très proches) sans jamais être déclarés — formalisés ici. */
  --color-text-muted: #46433b;  /* texte de paragraphe courant sur fond clair */
  --color-text-faint: #6b6658;  /* texte secondaire / légendes, plus discret que text-muted */
  --color-error: #d98c6b;       /* état d'erreur du formulaire — seule couleur fonctionnelle hors palette éditoriale */

  /* ---- Typographie ---- */
  --font-serif: "Fraunces", "Iowan Old Style", "Georgia", serif;
  --font-sans: "Inter", -apple-system, "Helvetica Neue", Arial, sans-serif;
  /* Écriture manuscrite — mise en valeur ponctuelle de mots-clés dans un
     texte (2026-08-26), à l'essai sur index.html #positionnement. Voir
     .accent-script dans base.css et PROJET-NOTES.md. */
  --font-script: "Parisienne", cursive;

  --tracking-label: 0.18em;
  --tracking-wide: 0.06em;

  /* ---- Échelle typographique fluide ---- */
  --fs-display: clamp(2.6rem, 5vw + 1rem, 5.6rem);
  --fs-h1: clamp(2.2rem, 3.4vw + 1rem, 3.8rem);
  --fs-h2: clamp(1.8rem, 2.4vw + 1rem, 2.75rem);
  --fs-h3: clamp(1.25rem, 1.2vw + 1rem, 1.6rem);
  --fs-lead: clamp(1.05rem, 0.6vw + 0.9rem, 1.25rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-label: 0.75rem;

  /* ---- Espacements ---- */
  --space-section: clamp(5rem, 10vw, 10rem);
  --space-section-sm: clamp(3rem, 6vw, 6rem);
  --gutter: clamp(1.25rem, 5vw, 4rem);
  --container-max: 1440px;
  --container-narrow: 860px;

  /* ---- Transitions ---- */
  --ease-editorial: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 0.35s;
  --dur-slow: 0.9s;

  /* ---- Divers ---- */
  --header-h: 92px;
  --header-h-scrolled: 74px;
}