:root {
  --bg:           #0d0d0d;
  --bg2:          #141414;
  --bg3:          #1a1a1a;
  --border:       rgba(255, 255, 255, 0.07);
  --text:         #c8d0d8;
  --muted:        #555;
  --dim:          #888;
  --accent:       #42CBC0;
  --accent-glow:  rgba(66, 203, 192, 0.08);
  --green:        #4ade80;
  --blue:         #7dd3fc;
  --yellow:       #fbbf24;
  --red:          #f87171;
  --font:         'JetBrains Mono', 'Fira Code', monospace;
}

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

html, body {
  height: 100%;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font);
  overflow: hidden;
}