:root {
  --bg: #070707;
  --panel: rgba(15, 15, 15, 0.92);
  --panel-soft: rgba(255,255,255,0.06);
  --orange: #f97316;
  --orange-soft: rgba(249,115,22,0.16);
  --text: #ffffff;
  --muted: #a3a3a3;
  --border: rgba(255,255,255,0.10);
  --green: #86efac;
  --yellow: #fde68a;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background:
    radial-gradient(circle at top right, rgba(249,115,22,.22), transparent 30%),
    radial-gradient(circle at bottom left, rgba(255,255,255,.08), transparent 28%),
    var(--bg);
  color: var(--text);
  font-family: Arial, Helvetica, sans-serif;
}

button {
  cursor: pointer;
  font-family: inherit;
}

.hidden {
  display: none !important;
}