/* ═══════════════════════════════════════════
   base.css — Global variables, reset & body
   Change this file to update: fonts, colours,
   border-radius tokens, and base page styles
═══════════════════════════════════════════ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --bg:       #0d0521;
  --bg2:      #150830;
  --purple1:  #1e0b4a;
  --purple2:  #3b1278;
  --accent:   #8b5cf6;
  --accent2:  #a78bfa;
  --rose:     #f472b6;
  --sunset:   #fb923c;
  --gold:     #f59e0b;
  --gold2:    #fbbf24;
  --teal:     #22d3ee;
  --white:    #ffffff;
  --white80:  rgba(255,255,255,.80);
  --white50:  rgba(255,255,255,.50);
  --white15:  rgba(255,255,255,.15);
  --white08:  rgba(255,255,255,.08);
  --glass-bg: rgba(255,255,255,.08);
  --glass-border: rgba(255,255,255,.18);
  --r-sm:12px;--r-md:18px;--r-lg:28px;--r-xl:40px;
}

html{scroll-behavior:smooth}

body{
  font-family:'Plus Jakarta Sans',sans-serif;
  background:var(--bg);
  color:var(--white);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}