/* DivineDev — Variables & Reset */
:root {
  --couleur-fond:       #F8F9FA;
  --couleur-fond-2:     #FFFFFF;
  --couleur-fond-3:     #F1F3F5;
  --couleur-primaire:   #6C63FF;
  --couleur-accent:     #00D4FF;
  --couleur-or:         #FFD700;
  --couleur-texte:      #1A1D2D;
  --couleur-texte-2:    #4A5568;
  --couleur-blanc:      #FFFFFF;
  --couleur-succes:     #00C896;
  --couleur-danger:     #FF4C6A;
  --couleur-warning:    #FFB627;
  --couleur-info:       #00D4FF;
  --gradient-hero:      linear-gradient(135deg, #F8F9FA 0%, #EDF2F7 50%, #E2E8F0 100%);
  --gradient-primaire:  linear-gradient(135deg, #6C63FF 0%, #00D4FF 100%);
  --gradient-or:        linear-gradient(135deg, #FFD700 0%, #FF8C00 100%);
  --gradient-card:      linear-gradient(145deg, #FFFFFF, #F8F9FA);
  --ombre-card:         0 8px 32px rgba(0,0,0,0.05);
  --ombre-hover:        0 20px 60px rgba(108,99,255,0.15);
  --ombre-glow:         0 0 40px rgba(108,99,255,0.15);
  --bordure-card:       1px solid rgba(0,0,0,0.05);
  --rayon:              16px;
  --rayon-sm:           8px;
  --rayon-lg:           24px;
  --rayon-full:         9999px;
  --transition:         all 0.3s cubic-bezier(0.4,0,0.2,1);
  --transition-slow:    all 0.6s cubic-bezier(0.4,0,0.2,1);
  --police-titre:       'Outfit', sans-serif;
  --police-corps:       'Inter', sans-serif;
  --taille-base:        16px;
  --z-nav:              1000;
  --z-modal:            2000;
  --z-toast:            3000;
}

/* Thème sombre (Dark mode) */
[data-theme="dark"] {
  --couleur-fond:       #080B1A;
  --couleur-fond-2:     #0E1329;
  --couleur-fond-3:     #141830;
  --couleur-texte:      #E8EAF6;
  --couleur-texte-2:    #9EA3C0;
  --gradient-hero:      linear-gradient(135deg, #080B1A 0%, #0E1329 50%, #1a1040 100%);
  --gradient-card:      linear-gradient(145deg, rgba(108,99,255,0.08), rgba(0,212,255,0.05));
  --ombre-card:         0 8px 32px rgba(108,99,255,0.15);
  --ombre-hover:        0 20px 60px rgba(108,99,255,0.3);
  --ombre-glow:         0 0 40px rgba(0,212,255,0.2);
  --bordure-card:       1px solid rgba(108,99,255,0.2);
}
*,*::before,*::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: var(--taille-base); scroll-behavior: smooth; }
body {
  font-family: var(--police-corps);
  background: var(--couleur-fond);
  color: var(--couleur-texte);
  line-height: 1.7;
  overflow-x: hidden;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
ul,ol { list-style: none; }
button { cursor: pointer; border: none; background: none; font-family: inherit; }
input,textarea,select { font-family: inherit; }
::selection { background: var(--couleur-primaire); color: #fff; }
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--couleur-fond-2); }
::-webkit-scrollbar-thumb { background: var(--couleur-primaire); border-radius: 3px; }