@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --background: 220 44% 10%;
  --foreground: 210 40% 96%;
  --card: 222 47% 13%;
  --card-foreground: 210 40% 96%;
  --primary: 188 95% 48%;
  --primary-foreground: 221 39% 11%;
  --secondary: 221 28% 20%;
  --secondary-foreground: 210 40% 96%;
  --muted: 223 27% 18%;
  --muted-foreground: 215 20% 74%;
  --accent: 35 94% 56%;
  --accent-foreground: 221 39% 11%;
  --border: 218 22% 26%;
  --input: 218 22% 26%;
  --ring: 188 95% 48%;
  --radius: 1rem;
  --font-sans: "Space Grotesk", sans-serif;
  --font-mono: "IBM Plex Mono", monospace;
}

* {
  border-color: hsl(var(--border));
}

body {
  min-height: 100vh;
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
}

pre {
  overflow-x: auto;
}