:root {
  --bg: #091015;
  --bg-panel: #101a22;
  --bg-panel-alt: #16232d;
  --border: #29404d;
  --text: #f4f0e6;
  --muted: #9fb1ba;
  --accent: #7596b8;
  --accent-2: #e2c382;
  --danger: #d66f72;
  --shadow: rgba(0, 0, 0, 0.35);
  --radius: 18px;
  --font-display: "Avenir Next Condensed", "Trebuchet MS", sans-serif;
  --font-body: "IBM Plex Sans", "Segoe UI", sans-serif;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-height: 100%;
  background:
    radial-gradient(circle at top, rgba(117, 150, 184, 0.18), transparent 28%),
    linear-gradient(180deg, #0b151c 0%, var(--bg) 100%);
  color: var(--text);
  font-family: var(--font-body);
}

button,
a {
  color: inherit;
}