@import "tailwindcss";
@import "tw-animate-css";

@custom-variant dark (&:is(.dark *));

:root {
  --background: oklch(0.97 0.01 95);
  --foreground: oklch(0.2 0.02 255);
  --card: oklch(0.995 0.002 95);
  --card-foreground: oklch(0.2 0.02 255);
  --border: oklch(0.88 0.01 95);
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-border: var(--border);
}

@layer base {
  * {
    @apply border-border;
  }

  body {
    @apply bg-background text-foreground antialiased;
  }
}