:root{
  --bg:#06101c;
  --bg-elevated:#0a1726;
  --surface:#0e1d2f;
  --surface-strong:#13253a;
  --surface-soft:#0a1624cc;
  --line:#26415f;
  --line-strong:#3c6b8b;
  --text:#f4f8fd;
  --text-soft:#c6d5e5;
  --muted:#8ea4bd;
  --cyan:#45c9f2;
  --cyan-soft:#8be6ff;
  --teal:#75e4cf;
  --amber:#f4bd6a;
  --danger:#ff978b;
  --radius-sm:10px;
  --radius-md:15px;
  --radius-lg:22px;
  --shadow-card:0 18px 55px #02071240;
  --shadow-float:0 28px 90px #02071280;
  --content:1290px;
}

body{
  color:var(--text);
  background:
    radial-gradient(circle at 8% 0,#15557a42,transparent 30rem),
    radial-gradient(circle at 96% 35%,#0c56604a,transparent 29rem),
    linear-gradient(180deg,#071321 0,#050e19 100%);
}

body:before{
  opacity:.13;
  background-size:48px 48px;
}

@media(prefers-color-scheme:light){
  :root{color-scheme:dark}
}