/* ═══════════════════════════════════════════════════════════
   TOKENS.CSS — Source unique des variables de design
   ⚡ Pour adapter au snack client : modifier UNIQUEMENT ce fichier
   Projet : SnapPatate — restaurantsnack
═══════════════════════════════════════════════════════════ */

:root {
  /* ── Couleurs principales ── À CHANGER SELON LA FRANCHISE */
  --c-primary:      #FF4500;
  --c-primary-glow: rgba(255, 69, 0, 0.4);
  --c-accent:       #FFB800;
  --c-accent2:      #FF6B35;

  /* ── Surfaces & fonds ── */
  --c-bg:       #0a0a0a;
  --c-surface:  #111111;
  --c-surface2: #1a1a1a;
  --c-surface3: #222222;

  /* ── Texte ── */
  --c-text:      #F5F0E8;
  --c-text-muted: rgba(245, 240, 232, 0.55);
  --c-muted:     #888888;

  /* ── Bordures ── */
  --c-border:       rgba(255, 255, 255, 0.08);
  --c-border-hover: rgba(255, 69, 0, 0.3);

  /* ── Typographie ── */
  --font-display: 'Bebas Neue', sans-serif;
  --font-head:    'Barlow Condensed', sans-serif;
  --font-body:    'Barlow', sans-serif;

  /* ── Rayons ── */
  --radius-sm:   8px;
  --radius:      12px;
  --radius-lg:   20px;
  --radius-pill: 999px;

  /* ── Espacements ── */
  --space-xs:  8px;
  --space-sm:  16px;
  --space-md:  24px;
  --space-lg:  48px;
  --space-xl:  80px;
  --space-2xl: 120px;

  /* ── Transitions / Easings ── */
  --ease-out-expo:   cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring:     cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-in-out:     cubic-bezier(0.65, 0, 0.35, 1);
  --transition-fast: 0.2s var(--ease-out-expo);
  --transition-med:  0.4s var(--ease-out-expo);
  --transition-slow: 0.7s var(--ease-out-expo);

  /* ── Z-index stack ── */
  --z-base:    1;
  --z-above:   10;
  --z-overlay: 100;
  --z-nav:     1000;
  --z-modal:   9000;
  --z-loader:  10000;
}