/* ─────────────────────────────────────────
   variables.css — Design tokens
   Palette : Noir profond · Or blanc · Ivoire
───────────────────────────────────────── */
:root {
  /* ── Couleurs principales ── */
  --white:       #F8F6F2;          /* Ivoire pur, chaleureux sans être jaune     */
  --black:       #0E0D0B;          /* Noir absolu légèrement chaud               */
  --beige:       #E8E2D8;          /* Beige ivoire neutre                        */
  --sand:        #C8B89A;          /* Or champagne — accentuation principale     */
  --sand-light:  #F2EDE6;          /* Fond sections claires                      */
  --text-muted:  #6E6560;          /* Texte secondaire neutre                    */

  /* ── Accentuation luxe ── */
  --gold:        #D4B896;          /* Or satiné — highlights & bordures          */
  --gold-light:  #EAD9C4;          /* Or très pâle pour fonds                   */
  --ivory:       #FAF8F5;          /* Blanc ivoire sections lumineuses           */
  --noir:        #161412;          /* Sections sombres premium                  */
  --noir-mid:    #1E1B18;          /* Sections sombres secondaires              */

  /* ── Typography ── */
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans:  'Montserrat', sans-serif;

  /* ── Spacing ── */
  --section-pad:    8rem 4rem;
  --section-pad-sm: 5rem 2rem;

  /* ── Transitions ── */
  --transition-fast:   0.2s ease;
  --transition-med:    0.4s ease;
  --transition-slow:   0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}