@import "tailwindcss" source(none);
@source "../templates";
@custom-variant dark (&:where(.dark, .dark *));
@theme {
--color-background: oklch(0.985 0 0);
--color-foreground: oklch(0.145 0 0);
--color-card: oklch(1 0 0);
--color-card-foreground: oklch(0.145 0 0);
--color-primary: #0d9488;
--color-primary-foreground: oklch(1 0 0);
--color-muted: oklch(0.961 0 0);
--color-muted-foreground: oklch(0.556 0 0);
--color-destructive: oklch(0.577 0.245 27.325);
--color-border: oklch(0.922 0 0);
--color-ring: #0d9488;
--radius: 0.5rem;
}
.dark {
--color-background: oklch(0.145 0 0);
--color-foreground: oklch(0.985 0 0);
--color-card: oklch(0.205 0 0);
--color-card-foreground: oklch(0.985 0 0);
--color-primary: #2dd4bf;
--color-primary-foreground: oklch(0.145 0 0);
--color-muted: oklch(0.269 0 0);
--color-muted-foreground: oklch(0.708 0 0);
--color-destructive: oklch(0.704 0.191 22.216);
--color-border: oklch(0.269 0 0);
--color-ring: #2dd4bf;
}
@layer base {
* {
@apply border-border;
}
body {
@apply bg-background text-foreground antialiased;
}
}