html[data-theme="light"] {
  --onyx-bg: #f5f5fb;
  --onyx-elevated: #ffffff;
  --onyx-elevated-2: #f0f0ff;
  --text-primary: #050507;
  --text-secondary: #33334a;
  --text-muted: #77778f;
}

html[data-theme="dark"],
html[data-theme="auto"] {
  /* dark defaults from :root */
}

body {
  background: radial-gradient(circle at top, #151520 0, var(--onyx-bg) 55%, #000 100%);
  color: var(--text-primary);
}