@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Manrope:wght@300;400;500;600;700;800&display=swap');

*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
:root{
  /* Nav mobile — light */
  --mob-nav-bg:     #ffffff;
  --mob-nav-border: rgba(0,0,0,0.1);
  --mob-nav-icon:   #94a3b8;
  --mob-nav-active: #4f46e5;
  --mob-nav-dot:    #4f46e5;
  /* Palette principale */
  --blue:       #1e90ff;
  --blue-dark:  #0066cc;
  --blue-light: #e8f4ff;
  --orange:     #f97316;
  --orange-lt:  #fff3e8;
  --red:        #ef4444;
  --red-lt:     #fef2f2;
  --green:      #22c55e;
  --green-lt:   #f0fdf4;
  --amber:      #f59e0b;
  --amber-lt:   #fffbeb;
  --purple:     #8b5cf6;

  /* Light theme (défaut) */
  --bg:         #f0f4f8;
  --bg1:        #ffffff;
  --bg2:        #f8fafc;
  --bg3:        #eef2f7;
  --card:       #ffffff;
  --text:       #0f172a;
  --text2:      #334155;
  --text3:      #64748b;
  --border:     #e2e8f0;
  --border2:    #cbd5e1;
  --inp:        #f8fafc;
  --inp-brd:    #e2e8f0;
  --sidebar:    #0f172a;
  --sb-text:    rgba(255,255,255,0.85);
  --sb-text3:   rgba(255,255,255,0.45);
  --sb-active:  rgba(30,144,255,0.2);
  --sb-hover:   rgba(255,255,255,0.08);
  --header:     #ffffff;
  --shadow:     0 1px 3px rgba(0,0,0,0.08),0 4px 12px rgba(0,0,0,0.06);
  --shadow-md:  0 4px 16px rgba(0,0,0,0.1);
  --r:          12px;
  --r-sm:       8px;
  --r-lg:       16px;
  --acc:        #f97316;
  --acc2:       #ea6c0a;
  --adim:       rgba(249,115,22,0.08);
  --gdim:       rgba(34,197,94,0.08);
  --rdim:       rgba(239,68,68,0.08);
  --bdim:       rgba(30,144,255,0.08);
}
[data-theme="dark"]{
  --mob-nav-bg:     #080c14;
  --mob-nav-border: rgba(99,102,241,0.25);
  --mob-nav-icon:   rgba(255,255,255,0.28);
  --mob-nav-active: #818cf8;
  --mob-nav-dot:    #818cf8;
  --bg:         #070b14;
  --bg1:        #0d1117;
  --bg2:        #111827;
  --bg3:        #1a2234;
  --card:       #111827;
  --text:       #f1f5f9;
  --text2:      #cbd5e1;
  --text3:      #64748b;
  --border:     #1e293b;
  --border2:    #2d3a4f;
  --inp:        #1a2234;
  --inp-brd:    #2d3a4f;
  --sidebar:    #080c14;
  --sb-text:    rgba(255,255,255,0.88);
  --sb-text3:   rgba(255,255,255,0.4);
  --sb-active:  rgba(30,144,255,0.25);
  --sb-hover:   rgba(255,255,255,0.06);
  --header:     #0d1117;
  --shadow:     0 1px 3px rgba(0,0,0,0.3),0 4px 12px rgba(0,0,0,0.2);
  --shadow-md:  0 4px 20px rgba(0,0,0,0.4);
  --adim:       rgba(249,115,22,0.12);
  --gdim:       rgba(34,197,94,0.1);
  --rdim:       rgba(239,68,68,0.1);
  --bdim:       rgba(30,144,255,0.1);
}