@import "tailwindcss";

@theme {
  --color-background: hsl(0 0% 5%);
  --color-foreground: hsl(0 0% 100%);
  --color-muted: hsl(0 0% 63%);
  --color-border: hsl(0 0% 15%);

  --font-sans:
    system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif;
}

@layer base {
  body {
    @apply bg-background text-foreground font-sans antialiased;
    font-size: 1rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}