:root {
  --bg: #070a12;
  --bg-alt: #0c1120;
  --panel: #0f1526;
  --panel-border: #1c2740;
  --blue: #3b82f6;
  --blue-bright: #6fb1ff;
  --blue-dim: #1e3a66;
  --red: #ff3b52;
  --red-bright: #ff6b7d;
  --red-dim: #5c1620;
  --text: #cfd9ec;
  --text-dim: #7f8dab;
  --text-faint: #4b5670;
  --mono: 'JetBrains Mono', monospace;
  --display: 'Space Grotesk', sans-serif;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--mono);
  font-size: 15px;
  line-height: 1.6;
  overflow-x: hidden;
  position: relative;
}

a {
  color: inherit;
  text-decoration: none;
}

ul {
  list-style: none;
}