/* ═══════════════════════════════════════════════════════════
   Restaurant Premium — Design Tokens
   Palette : charbon profond · or champagne · crème ivoire
   ═══════════════════════════════════════════════════════════ */

:root {
  /* ── Fond ──────────────────────────────────────────────── */
  --void:   #05050a;    /* noir absolu, legere tonalite chaude */
  --void-2: #09080f;
  --void-3: #0e0c18;
  --void-4: #161320;
  --void-5: #22202e;   /* bordures subtiles */
  --void-6: #302c40;   /* hover / active */

  /* ── Or champagne ──────────────────────────────────────── */
  --or:        #c8a96e;
  --or-dark:   #9b7e4c;
  --or-light:  #dfc898;
  --or-muted:  rgba(200, 169, 110, 0.55);
  --or-pale:   rgba(200, 169, 110, 0.12);
  --or-subtle: rgba(200, 169, 110, 0.05);

  /* ── Texte ─────────────────────────────────────────────── */
  --creme:   #f0e8d8;
  --creme-2: #d8d0c0;
  --creme-3: #b0a898;
  --gris:    #887e78;

  /* ── Typographie ───────────────────────────────────────── */
  --ff-display: 'Cormorant Garamond', 'Georgia', serif;
  --ff-body:    'DM Sans', 'Helvetica Neue', sans-serif;

  /* ── Layout ────────────────────────────────────────────── */
  --section-pad: clamp(100px, 13vw, 180px);
  --container:   1320px;

  /* ── Radius ────────────────────────────────────────────── */
  --radius:      3px;
  --radius-lg:   10px;
  --radius-pill: 100px;

  /* ── Ombres ────────────────────────────────────────────── */
  --shadow-sm:   0 2px 24px rgba(0, 0, 0, 0.55);
  --shadow-md:   0 8px 50px rgba(0, 0, 0, 0.65);
  --shadow-lg:   0 24px 100px rgba(0, 0, 0, 0.8);
  --shadow-gold: 0 0 60px rgba(200, 169, 110, 0.1);

  /* ── Transitions ───────────────────────────────────────── */
  --t:        0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  --t-slow:   0.72s cubic-bezier(0.16, 1, 0.3, 1);
  --t-reveal: 0.9s cubic-bezier(0.16, 1, 0.3, 1);

  /* ── Z-index ───────────────────────────────────────────── */
  --z-cursor:   9999;
  --z-progress: 9998;
  --z-header:   100;
  --z-overlay:  200;
  --z-modal:    300;
}