/**
 * assets/css/variables.css
 * Jetons de design centralises (couleurs, typographie, espacements).
 * Modifiez uniquement ce fichier pour re-thematiser tout le site.
 */

:root {
  /* --- Couleurs de fond --- */
  --color-bg: #0a0a0f;
  --color-bg-alt: #101017;
  --color-surface: #15151e;
  --color-surface-hover: #1b1b26;
  --color-border: rgba(255, 255, 255, 0.08);
  --color-border-strong: rgba(255, 255, 255, 0.16);

  /* --- Couleurs de texte --- */
  --color-text: #eceef2;
  --color-text-muted: #9a9aa8;
  --color-text-dim: #6b6b78;

  /* --- Accents neon --- */
  --color-green: #39ff88;
  --color-green-dim: #22c96a;
  --color-purple: #8b5cf6;
  --color-purple-dim: #7040d9;

  --gradient-brand: linear-gradient(135deg, var(--color-green) 0%, var(--color-purple) 100%);
  --gradient-brand-soft: linear-gradient(135deg, rgba(57, 255, 136, 0.14) 0%, rgba(139, 92, 246, 0.14) 100%);

  --shadow-glow-green: 0 0 24px rgba(57, 255, 136, 0.35);
  --shadow-glow-purple: 0 0 24px rgba(139, 92, 246, 0.35);
  --shadow-card: 0 8px 24px rgba(0, 0, 0, 0.35);

  /* --- Typographie --- */
  --font-heading: 'Rajdhani', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Inter', 'Segoe UI', system-ui, sans-serif;

  --fs-xs: 0.8rem;
  --fs-sm: 0.9rem;
  --fs-base: 1rem;
  --fs-md: 1.15rem;
  --fs-lg: 1.5rem;
  --fs-xl: 2rem;
  --fs-2xl: 2.75rem;
  --fs-3xl: 3.5rem;

  /* --- Espacements --- */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  /* --- Mise en page --- */
  --container-width: 1240px;
  --container-pad: 1.25rem;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* --- Angles decoupes (accent gaming) --- */
  --clip-card: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
  --clip-card-sm: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));

  /* --- Transitions --- */
  --transition-fast: 0.15s ease;
  --transition-base: 0.25s ease;

  /* --- Z-index --- */
  --z-header: 100;
  --z-floating: 190;
  --z-overlay: 200;
  --z-nav: 210;
  /* Overlay de chargement plein ecran (voir includes/header.php) : doit
     toujours rester au-dessus de tout le reste, y compris --z-nav. Le
     <style> critique du loader duplique cette valeur en dur (independance
     volontaire vis-a-vis du chargement de ce fichier externe -- voir
     commentaire dans header.php), ce token sert de reference/documentation. */
  --z-loading: 9999;
}