:root {
  /* Couleurs */
  --noir:        #0a0a0a;
  --noir-doux:   #111111;
  --noir-card:   #141414;
  --or:          #AB8C52;
  --or-clair:    #c9a96e;
  --or-pale:     rgba(171,140,82,0.1);
  --or-ligne:    rgba(171,140,82,0.3);
  --blanc:       #f5f0e8;
  --gris:        #777777;
  --gris-clair:  #bbbbbb;
  --ligne:       rgba(255,255,255,0.07);
  --ligne-or:    rgba(171,140,82,0.2);

  /* Typographie */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'Montserrat', system-ui, sans-serif;

  /* Espacements */
  --pad-x:  64px;
  --pad-y:  130px;
  --gap:    3px;

  /* Transitions */
  --ease:   cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --t-fast: 0.25s;
  --t-mid:  0.4s;
  --t-slow: 0.7s;
}

@media (max-width: 1024px) {
  :root {
    --pad-x: 40px;
    --pad-y: 90px;
  }
}

@media (max-width: 768px) {
  :root {
    --pad-x: 24px;
    --pad-y: 72px;
  }
}