* { box-sizing: border-box; }

html, body {
  height: 100%;
  transition: background-color 0.3s ease, color 0.3s ease;
}

body {
  margin: 0;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  color: var(--text);
  background-color: var(--bg);
  background-image:
    radial-gradient(circle at top right, var(--bg-grad1), transparent 40%),
    radial-gradient(circle at bottom left, var(--bg-grad2), transparent 40%);
  background-attachment: fixed;
}