:root {
  --bg: #07111f;
  --panel: #0f2238;
  --panel-2: #122a45;
  --border: rgba(232, 218, 191, 0.16);
  --text: #f2eadc;
  --muted: #b8aa91;
  --muted-2: #897d68;
  --beige: #e8dabf;
  --beige-strong: #f5e7c8;
  --navy: #07111f;
  --green: #6ee7a8;
  --blue: #9db7ff;
  --red: #ff8585;
  --shadow: 0 30px 80px rgba(0, 0, 0, 0.38);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at top left, rgba(232, 218, 191, 0.13), transparent 34%),
    radial-gradient(circle at bottom right, rgba(34, 70, 110, 0.42), transparent 36%),
    var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

button,
input {
  font: inherit;
}

code {
  color: var(--beige-strong);
  word-break: break-all;
}

.hidden {
  display: none !important;
}