/* ==========================================================================
   HonteRP — Design System & Custom Tokens (variables.css)
   Thème : Néo-Roleplay Cyberpunk Dark / Violet Améthyste & Magenta Laser
   ========================================================================== */

:root {
  /* --- Fonds & Surfaces --- */
  --bg-core:            #09090f;
  --bg-surface-1:       #0e0e18;
  --bg-surface-2:       #141322;
  --bg-surface-3:       #1b192e;
  --bg-elevated:        #23203c;
  
  /* --- Glassmorphism & Translucidité --- */
  --glass-bg:           rgba(18, 16, 32, 0.72);
  --glass-bg-hover:     rgba(28, 25, 48, 0.85);
  --glass-border:       rgba(168, 85, 247, 0.18);
  --glass-border-hover: rgba(217, 70, 239, 0.45);
  --glass-border-active:rgba(217, 70, 239, 0.8);
  --glass-blur:         16px;

  /* --- Accents & Gradients --- */
  --violet-400:         #c084fc;
  --violet-500:         #a855f7;
  --violet-600:         #9333ea;
  --magenta-400:        #e879f9;
  --magenta-500:        #d946ef;
  --magenta-600:        #c026d3;
  --cyan-400:           #22d3ee;
  --cyan-500:           #06b6d4;
  --emerald-400:        #34d399;
  --emerald-500:        #10b981;
  --amber-400:          #fbbf24;
  --rose-400:           #fb7185;
  --rose-500:           #f43f5e;

  /* Gradients de marque */
  --brand-gradient:     linear-gradient(135deg, #d946ef 0%, #a855f7 50%, #6366f1 100%);
  --brand-gradient-alt: linear-gradient(135deg, #06b6d4 0%, #a855f7 50%, #d946ef 100%);
  --brand-gradient-subtle: linear-gradient(135deg, rgba(217, 70, 239, 0.12) 0%, rgba(168, 85, 247, 0.08) 100%);
  --glow-primary:       rgba(217, 70, 239, 0.28);
  --glow-violet:        rgba(168, 85, 247, 0.25);
  --glow-cyan:          rgba(6, 182, 212, 0.25);

  /* --- Typographie & Couleurs de texte --- */
  --font-heading:       'Outfit', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-sans:          'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono:          'JetBrains Mono', 'Cascadia Code', 'Fira Code', Consolas, monospace;

  --text-primary:       #f8f8ff;
  --text-secondary:     #d1cbe8;
  --text-muted:         #9e96c2;
  --text-subtle:        #6b638d;
  --text-inverse:       #09090f;

  /* --- Ombres & Éclairage --- */
  --shadow-sm:          0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-md:          0 8px 24px rgba(0, 0, 0, 0.5);
  --shadow-lg:          0 16px 40px rgba(0, 0, 0, 0.65);
  --shadow-glow:        0 0 35px var(--glow-primary);
  --shadow-glow-violet: 0 0 30px var(--glow-violet);

  /* --- Rayons de bordure (Border Radius) --- */
  --radius-xs:          4px;
  --radius-sm:          8px;
  --radius-md:          12px;
  --radius-lg:          16px;
  --radius-xl:          24px;
  --radius-full:        9999px;

  /* --- Dimensions & Layout --- */
  --nav-height:         76px;
  --container-max:      1280px;
  --container-narrow:   960px;
  --section-spacing-y:  100px;
  --section-spacing-mobile-y: 64px;

  /* --- Transitions --- */
  --transition-fast:    0.15s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-base:    0.25s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth:  0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-bounce:  0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}