:root {
  --bg: #0e0615;
  --text: #ede5ff;
  --muted: #9c8ac8;

  --surface: rgba(255, 255, 255, 0.04);
  --surface-2: rgba(255, 255, 255, 0.08);
  --line: rgba(255, 255, 255, 0.06);

  --accent: #8a3cff;
  --on-accent: #ffffff;

  --bg-grad-1: radial-gradient(1200px 700px at 20% -10%, rgba(138, 60, 255, 0.15), transparent 60%);
  --bg-grad-2: radial-gradient(1000px 600px at 110% 20%, rgba(200, 80, 255, 0.1), transparent 60%);
}

body {
  background: var(--bg-grad-1), var(--bg-grad-2), var(--bg);
}