/* ==========================================================================
   CRÉAPROD-JISTA V4 — Variables graphiques
   Couleurs et typographies reprises de la charte graphique officielle
   (planche "CHARTE GRAPHIQUE IDENTITE VISUELLE" + monogramme CJ, mises à
   jour le 05/09/2026 — remplace la charte du 26/08/2026 appliquée en V3).
   ========================================================================== */

:root {
  /* ----- Fonds (anthracite, jamais un noir pur plat) ----- */
  --color-bg: #1A1A1A;            /* fond principal du site — Anthracite */
  --color-bg-deep: #0F0F0F;       /* fond le plus sombre : footer, CTA final */
  --color-bg-elevated: #242424;   /* cartes, surfaces légèrement surélevées */
  --color-bg-elevated-2: #2E2E2E; /* variante un peu plus claire (survol, contraste) */

  /* ----- Anciens accents de fond (bleu nuit) retirés de la charte du 05/09 :
     variables conservées pour compatibilité, repointées sur l'anthracite ----- */
  --color-navy: #242424;
  --color-navy-bright: #333333;

  /* ----- Blanc cassé (jamais de blanc pur clinique) ----- */
  --color-white: #F8F6F2;
  --color-white-soft: #C9C6BF;    /* texte secondaire sur fond sombre */

  /* ----- Doré : qualité, valeur, positionnement premium, jamais dominant ----- */
  --color-gold: #D4AF37;
  --color-gold-bright: #E8C468;   /* variante plus lumineuse pour petits détails/hover */
  --color-gold-soft: rgba(212, 175, 55, 0.28);

  /* ----- Vert : actions, boutons, validations ----- */
  --color-green: #009E49;
  --color-green-hover: #14b85c;

  /* ----- Rouge : accent ponctuel uniquement ----- */
  --color-red: #C8102E;

  /* ----- Jaune soleil retiré de la charte du 05/09 (non remplacé, non
     utilisé dans les composants) : variable conservée par compatibilité ----- */
  --color-yellow: #E8C468;

  /* ----- Typographies (2 familles, charte du 05/09/2026) ----- */
  --font-title: "Playfair Display", Georgia, serif;            /* titres de marque, prix, éléments d'identité — non-italique, gras */
  --font-accent: "Playfair Display", Georgia, serif;           /* accents élégants, kickers, citations — italique */
  --font-body: "Montserrat", -apple-system, BlinkMacSystemFont, sans-serif; /* texte courant, et grands titres d'impact (hero, CTA) */

  /* ----- Échelle d'espacement ----- */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 8rem;

  /* ----- Rayons, ombres, transitions ----- */
  --radius: 10px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --transition-fast: 0.25s var(--ease);
  --transition-slow: 0.6s var(--ease);

  --max-width: 1240px;
  --header-height: 84px;
}