:root {
  --gap: 20px;
  --text-main: rgba(233, 237, 245, 0.92);
  --text-muted: rgba(233, 237, 245, 0.65);

  --gold: rgba(201, 179, 106, 0.9);
  --goldGlow: rgba(201, 179, 106, 0.35);

  --bg1: #0b1020;
  --bg2: #0e1630;
}

* {
  box-sizing: border-box;
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
  color: var(--text-main);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
  background: radial-gradient(1200px 700px at 20% 90%, rgba(60, 90, 200, 0.25), transparent 55%),
    radial-gradient(900px 600px at 70% 10%, rgba(255, 255, 255, 0.07), transparent 55%),
    linear-gradient(180deg, var(--bg2), var(--bg1));
}
button,
select {
  font: inherit;
  color: inherit;
}