:root {
  --bg-0: hsl(222, 47%, 1%);
  --bg-1: hsl(222, 47%, 4%);
  --bg-2: hsl(222, 40%, 7%);
  --bg-3: hsl(222, 35%, 10%);
  --border: hsl(222, 30%, 16%);
  --accent: hsl(199, 89%, 48%);
  --accent-dim: hsl(199, 89%, 30%);
  --accent-glow: hsla(199, 89%, 48%, 0.15);
  --key: #38bdf8;
  --str: #a5f3fc;
  --num: #fbbf24;
  --bool: #ef4444;
  --null-col: #9ca3af;
  --text: hsl(210, 40%, 90%);
  --text-dim: hsl(210, 20%, 55%);
  --green: #34d399;
  --red: #ef4444;
  --mono: "Space Mono", monospace;
  --sans: "Syne", sans-serif;
  --row-h: 30px;
  --nav-h: 52px;
  --app-nav-h: 48px;
  --sidebar-w: 340px;
  --transition: 0.18s ease;
}