@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%);
  --color-card: hsl(0 0% 8%);

  --color-destructive: hsl(0 84% 60%);
  --color-destructive-bg: hsl(0 84% 10% / 0.4);
  --color-destructive-border: hsl(0 84% 20% / 0.5);

  --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;
  }
}