:root {
  /* FONDS — noir absolu Wibify */
  --color-bg-primary:    #0A0A0A;
  --color-bg-secondary:  #111111;
  --color-bg-card:       #161616;
  --color-bg-card-hover: #1E1E1E;
  --color-bg-glass:      rgba(22, 22, 22, 0.6);

  /* ACCENT — LIME ÉLECTRIQUE Wibify — v2 */
  --color-accent:        #C8F135;
  --color-accent-light:  #D4F55A;
  --color-accent-dark:   #8AAD0F;
  --color-accent-bg:     #1A1F0A;
  --color-accent-glow:   rgba(200, 241, 53, 0.15);

  /* TEXTES */
  --color-text-primary:   #FFFFFF;
  --color-text-secondary: #888888;
  --color-text-muted:     #444444;

  /* BORDURES */
  --color-border:        #1E1E1E;
  --color-border-light:  #2A2A2A;
  --color-border-accent: #C8F135;

  /* ESPACEMENTS */
  --space-xs:  8px;
  --space-sm:  16px;
  --space-md:  24px;
  --space-lg:  40px;
  --space-xl:  64px;
  --space-2xl: 96px;
  --space-3xl: 128px;

  /* RADIUS */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;
  --radius-pill: 100px;

  /* TRANSITIONS */
  --transition-fast: 150ms ease;
  --transition-base: 300ms ease;
  --transition-slow: 600ms cubic-bezier(0.16, 1, 0.3, 1);

  /* TYPOGRAPHIES */
  --font-heading: 'Plus Jakarta Sans', sans-serif;
  --font-body:    'Inter', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;

  /* TAILLES TYPO */
  --text-label:  11px;
  --text-body:   16px;
  --text-h3:     20px;
  --text-h2:     clamp(28px, 3.5vw, 48px);
  --text-h1:     clamp(36px, 5vw, 64px);
  --text-hero:   clamp(52px, 7vw, 96px);
  --text-stat:   clamp(40px, 5vw, 72px);

  /* CONTENEUR */
  --container-max: 1200px;
  --container-pad: 40px;

  /* NAV */
  --nav-height: 72px;

  /* EFFETS */
  --shadow-card:   0 0 0 0.5px var(--color-border), 0 8px 32px rgba(0,0,0,.6);
  --shadow-accent: 0 0 24px rgba(200,241,53,.2), 0 0 48px rgba(200,241,53,.08);
  --glow-accent:   0 0 40px rgba(200,241,53,.3);
}

@media (max-width: 768px) {
  :root {
    --space-xl:        40px;
    --space-2xl:       64px;
    --space-3xl:       80px;
    --container-pad:   20px;
  }
}