:root {
  --bg: #0e0e13;
  --text: #ececf1;
  --muted: #9b9ca7;

  --surface: #161620;
  --surface-2: #1d1e26;
  --line: rgba(240, 217, 166, 0.12);

  --accent: #f7c67c;
  --on-accent: #0a0a0a;

  --bg-grad-1: radial-gradient(
    1200px 700px at 20% -10%,
    rgba(157, 124, 255, 0.16),
    transparent 60%
  );
  --bg-grad-2: radial-gradient(
    1000px 600px at 110% 20%,
    rgba(247, 198, 124, 0.12),
    transparent 60%
  );
}

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