/* ═══════════════════════════════════════════════════════
   TIITII NBA — Design Tokens
   SOURCE UNIQUE DE VÉRITÉ — Ne jamais coder des valeurs
   en dur dans main.css, admin.css ou promo.css
   ═══════════════════════════════════════════════════════ */

:root {
  /* ── Palette ── */
  --color-bg: #101010;
  --color-bg-2: #181818;
  --color-bg-3: #1f1f1f;
  --color-accent: #0887F8;
  --color-accent-hover: #0670d4;
  --color-accent-glow: rgba(8,135,248,0.3);
  --color-light: #F2F2F2;
  --color-muted: rgba(242,242,242,0.5);
  --color-border: rgba(242,242,242,0.08);

  /* ── Typographie ── */
  --font-display: 'Bebas Neue', sans-serif;    /* Titres TIITII NBA */
  --font-body: 'DM Sans', sans-serif;           /* Corps de texte */

  /* ── Espacements (multiples de 8px) ── */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-6: 48px;
  --space-8: 64px;
  --space-12: 96px;
  --space-16: 128px;

  /* ── Composants ── */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 999px;

  /* ── Animations ── */
  --duration-fast: 150ms;
  --duration-base: 250ms;
  --duration-slow: 400ms;
  --ease-default: cubic-bezier(0.4, 0, 0.2, 1);

  /* ── Z-index ── */
  --z-sticky: 100;
  --z-modal: 200;
  --z-toast: 300;
}