/*
 * Tokens override pz — Luxe Granulé 2026
 * Extrait de assets/css/theme-2026.css par phase 2 du refactor
 * pizzalespins — restructuration hiérarchique 4-couches.
 * Conservé tel quel (no rewrite). Cascade préservée par l'ordre des <link>.
 */
/* ============================================================
   Pizza Les Pins — Theme 2026 "Luxe Granulé"
   Surcouche premium : rouge profond × noir mat × or granulé × ivoire chaud
   Charge APRÈS style.css pour surcharger les tokens existants.
   ============================================================ */

:root {
  /* ── Palette canonique (override) ──────────────────────────── */
  --pz-ink:           #0a0908;     /* noir mat (preferable à #000) */
  --pz-ink-2:         #16140f;     /* noir chaud — fond sections */
  --pz-ink-3:         #221d16;     /* noir café */
  --pz-ivory:         #fbf6ec;     /* ivoire chaud — fond clair */
  --pz-ivory-2:       #f3ead7;     /* ivoire plus saturé */
  --pz-cream:         #ede0c4;     /* crème — bordures, dividers */

  --pz-red:           #b3001b;     /* rouge profond napolitain */
  --pz-red-2:         #8a0014;     /* rouge sang séché — hover */
  --pz-red-3:         #d11d35;     /* rouge brillant — accents */
  --pz-red-glow:      rgba(179, 0, 27, 0.35);

  --pz-gold:          #c9a14a;     /* or granulé */
  --pz-gold-2:        #b78a32;     /* or vieilli */
  --pz-gold-3:        #e6c878;     /* or champagne — highlights */
  --pz-gold-glow:     rgba(201, 161, 74, 0.45);

  /* ── Surcharge des tokens legacy (compat carte/admin existants) */
  --pz-bg:               var(--pz-ivory);
  --pz-bg-dark:          var(--pz-ink);
  --pz-bg-darker:        var(--pz-ink);
  --pz-bg-section:       var(--pz-ivory);
  --pz-bg-section-alt:   var(--pz-ivory-2);
  --pz-red-dark:         var(--pz-red-2);
  --pz-red-light:        var(--pz-red-3);
  --pz-gold-light:       var(--pz-gold-3);
  --pz-gold-dark:        var(--pz-gold-2);
  --pz-text:             #2a2620;
  --pz-text-light:       #5b524a;
  --pz-text-lighter:     #8c8478;
  --pz-text-white:       var(--pz-ivory);
  --pz-text-dark:        var(--pz-ink);
  --pz-border:           var(--pz-cream);
  --pz-border-light:     #e7decc;

  /* ── Typo premium (Cormorant pour titres, Inter pour corps) ── */
  --pz-font-display:  'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --pz-font-body:     'Inter', 'Open Sans', system-ui, sans-serif;
  --pz-font-mono:     'JetBrains Mono', 'Menlo', monospace;
  --pz-font:             var(--pz-font-display);

  /* ── Spacing fibonacci ─────────────────────────────────────── */
  --pz-fib-3:   3px;
  --pz-fib-5:   5px;
  --pz-fib-8:   8px;
  --pz-fib-13:  13px;
  --pz-fib-21:  21px;
  --pz-fib-34:  34px;
  --pz-fib-55:  55px;
  --pz-fib-89:  89px;
  --pz-fib-144: 144px;

  /* ── Shadows enrichies ─────────────────────────────────────── */
  --pz-shadow-xs:   0 1px 2px rgba(10,9,8,0.06);
  --pz-shadow-sm:   0 2px 8px rgba(10,9,8,0.08), 0 1px 2px rgba(10,9,8,0.04);
  --pz-shadow-md:   0 6px 20px rgba(10,9,8,0.10), 0 2px 6px rgba(10,9,8,0.05);
  --pz-shadow-lg:   0 18px 48px rgba(10,9,8,0.18), 0 6px 16px rgba(10,9,8,0.08);
  --pz-shadow-xl:   0 36px 96px rgba(10,9,8,0.28), 0 14px 36px rgba(10,9,8,0.12);
  --pz-shadow-gold: 0 0 0 1px var(--pz-gold-glow), 0 8px 24px var(--pz-gold-glow);
  --pz-shadow-red:  0 0 0 1px var(--pz-red-glow),  0 8px 24px var(--pz-red-glow);
  --pz-shadow:         var(--pz-shadow-sm);

  /* ── Radius (square par défaut, soft sur cards) ────────────── */
  --pz-radius-xs:  3px;
  --pz-radius-sm:  6px;
  --pz-radius-md:  10px;
  --pz-radius-lg:  16px;
  --pz-radius-xl:  22px;
  --pz-radius:        var(--pz-radius-md);

  /* ── Motion tokens (φ ease) ────────────────────────────────── */
  --pz-t-flash:    90ms;
  --pz-t-quick:    180ms;
  --pz-t-soft:     320ms;
  --pz-t-slow:     560ms;
  --pz-t-cinema:   900ms;
  --pz-ease-out:   cubic-bezier(0.22, 1, 0.36, 1);       /* easeOutCubic */
  --pz-ease-phi:   cubic-bezier(0.16, 1.08, 0.38, 1);    /* slight bounce */
  --pz-ease-in:    cubic-bezier(0.55, 0.06, 0.68, 0.19);
  --pz-ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --pz-transition:    var(--pz-t-soft) var(--pz-ease-out);

  /* ── Z-stack ───────────────────────────────────────────────── */
  --pz-z-nav:        50;
  --pz-z-overlay:    80;
  --pz-z-modal:      100;
  --pz-z-toast:      120;
}