/* ────────────────────────────────────────────────────────────────────────────
   variables.css — Ova Vanilla
   SOURCE DE VÉRITÉ ABSOLUE — ne jamais modifier sans instruction client
   Charte graphique validée AM Talents
   ──────────────────────────────────────────────────────────────────────────── */

:root {

  /* ── Palette principale ─────────────────────────────────────────────────── */
  --cream:  #F0E6D2;   /* Crème Bourbon — couleur dominante                   */
  --ink:    #1F3528;   /* Vert Forêt — couleur secondaire                     */
  --gold:   #B8935A;   /* Or Discret — accent ponctuation                     */
  --paper:  #F7F1E5;   /* Blanc Cassé — fond de page                          */
  --deep:   #0F1A13;   /* Encre Profonde — texte principal                    */

  /* ── Variantes avec transparence ───────────────────────────────────────── */
  --ink-90:     rgba(31, 53, 40, 0.90);
  --ink-60:     rgba(31, 53, 40, 0.60);
  --ink-10:     rgba(31, 53, 40, 0.08);
  --deep-80:    rgba(15, 26, 19, 0.80);
  --deep-50:    rgba(15, 26, 19, 0.50);
  --gold-20:    rgba(184, 147, 90, 0.20);
  --gold-40:    rgba(184, 147, 90, 0.40);
  --cream-15:   rgba(240, 230, 210, 0.15);
  --cream-30:   rgba(240, 230, 210, 0.30);

  /* ── Typographies ───────────────────────────────────────────────────────── */
  --font-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-sans:  'Inter', system-ui, -apple-system, sans-serif;

  /* ── Espacements (base 8px) ─────────────────────────────────────────────── */
  --space-xs:   8px;    /*  8px */
  --space-sm:   16px;   /* 16px */
  --space-md:   32px;   /* 32px */
  --space-lg:   64px;   /* 64px */
  --space-xl:   120px;  /* 120px */

  /* ── Espacements fluides ────────────────────────────────────────────────── */
  --space-section: clamp(80px, 10vw, 140px);
  --space-gap:     clamp(24px, 4vw, 48px);

  /* ── Grille & mise en page ─────────────────────────────────────────────── */
  --max-width:    1440px;
  --max-narrow:   900px;
  --max-text:     680px;
  --gutter:       32px;
  --pad-x:        clamp(20px, 5vw, 80px);

  /* ── Transitions ────────────────────────────────────────────────────────── */
  --transition:       0.3s ease;
  --transition-fast:  0.15s ease;
  --transition-slow:  0.6s cubic-bezier(0, 0, 0.2, 1);

  /* ── Bordures & ombres ──────────────────────────────────────────────────── */
  --radius-sm:    2px;
  --radius-md:    4px;
  --shadow-sm:    0 1px 4px rgba(15, 26, 19, 0.07);
  --shadow-md:    0 4px 20px rgba(15, 26, 19, 0.09);
  --shadow-lg:    0 8px 40px rgba(15, 26, 19, 0.13);

  /* ── Nav ────────────────────────────────────────────────────────────────── */
  --nav-height: 68px;
}