@import "tailwindcss";
@variant dark (&:where(.dark, .dark *));

@theme {
	--color-background: hsl(0 0% 100%);
	--color-foreground: hsl(240 10% 3.9%);
	--color-card: hsl(0 0% 100%);
	--color-card-foreground: hsl(240 10% 3.9%);
	--color-popover: hsl(0 0% 100%);
	--color-popover-foreground: hsl(240 10% 3.9%);
	--color-primary: hsl(240 5.9% 10%);
	--color-primary-foreground: hsl(0 0% 98%);
	--color-secondary: hsl(240 4.8% 95.9%);
	--color-secondary-foreground: hsl(240 5.9% 10%);
	--color-muted: hsl(240 4.8% 95.9%);
	--color-muted-foreground: hsl(240 3.8% 46.1%);
	--color-accent: hsl(240 4.8% 95.9%);
	--color-accent-foreground: hsl(240 5.9% 10%);
	--color-destructive: hsl(0 72.22% 50.59%);
	--color-destructive-foreground: hsl(0 0% 98%);
	--color-border: hsl(240 5.9% 90%);
	--color-input: hsl(240 5.9% 90%);
	--color-ring: hsl(240 5% 64.9%);
	--color-sidebar-background: hsl(0 0% 98%);
	--color-sidebar-foreground: hsl(240 5.3% 26.1%);
	--color-sidebar-primary: hsl(240 5.9% 10%);
	--color-sidebar-primary-foreground: hsl(0 0% 98%);
	--color-sidebar-accent: hsl(240 4.8% 95.9%);
	--color-sidebar-accent-foreground: hsl(240 5.9% 10%);
	--color-sidebar-border: hsl(220 13% 91%);
	--color-sidebar-ring: hsl(217.2 91.2% 59.8%);
	--radius: 0.5rem;

	--color-chat-user: oklch(0.62 0.18 255);
	--color-chat-assistant: oklch(0.55 0.15 280);
	--color-hermes-brand: oklch(0.58 0.22 290);
}

.dark {
	--color-background: hsl(240 10% 3.9%);
	--color-foreground: hsl(0 0% 98%);
	--color-card: hsl(240 10% 3.9%);
	--color-card-foreground: hsl(0 0% 98%);
	--color-popover: hsl(240 10% 3.9%);
	--color-popover-foreground: hsl(0 0% 98%);
	--color-primary: hsl(0 0% 98%);
	--color-primary-foreground: hsl(240 5.9% 10%);
	--color-secondary: hsl(240 3.7% 15.9%);
	--color-secondary-foreground: hsl(0 0% 98%);
	--color-muted: hsl(240 3.7% 15.9%);
	--color-muted-foreground: hsl(240 5% 64.9%);
	--color-accent: hsl(240 3.7% 15.9%);
	--color-accent-foreground: hsl(0 0% 98%);
	--color-destructive: hsl(0 62.8% 30.6%);
	--color-destructive-foreground: hsl(0 0% 98%);
	--color-border: hsl(240 3.7% 15.9%);
	--color-input: hsl(240 3.7% 15.9%);
	--color-ring: hsl(240 4.9% 83.9%);
	--color-sidebar-background: hsl(240 5.9% 10%);
	--color-sidebar-foreground: hsl(240 4.8% 95.9%);
	--color-sidebar-primary: hsl(0 0% 98%);
	--color-sidebar-primary-foreground: hsl(240 5.9% 10%);
	--color-sidebar-accent: hsl(240 3.7% 15.9%);
	--color-sidebar-accent-foreground: hsl(240 4.8% 95.9%);
	--color-sidebar-border: hsl(240 3.7% 15.9%);
	--color-sidebar-ring: hsl(217.2 91.2% 59.8%);
}