/* themes/dark/base.css */

:root{
  --bg0:#070812;
  --bg1:#0A0E26;
  --card: rgba(255,255,255,.07);
  --stroke: rgba(255,255,255,.13);
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.66);
  --accent:#7C5CFF;
  --accent2:#31D8FF;
  --danger:#FF4D6D;
  --shadow: 0 22px 70px rgba(0,0,0,.55);
  --r: 22px;
  --r2: 16px;
  --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
}

body{
  font-family:var(--font);
  color:var(--text);
  background:
    radial-gradient(1200px 700px at 15% 10%, rgba(124,92,255,.25), transparent 55%),
    radial-gradient(1000px 650px at 85% 15%, rgba(49,216,255,.16), transparent 55%),
    linear-gradient(180deg, var(--bg1), var(--bg0));
  overflow-x:hidden;
}

@media (max-width: 980px){
  body{
    background:
      radial-gradient(900px 520px at 20% 10%, rgba(124,92,255,.28), transparent 60%),
      radial-gradient(700px 480px at 80% 20%, rgba(49,216,255,.18), transparent 60%),
      linear-gradient(180deg, var(--bg1), var(--bg0));
  }
}