@layer base {
:root {
--background: 0 0% 100%;
--foreground: 0 0% 3.9%;
--secondary: 0 0% 96.1%;
--secondary-foreground: 0 0% 9%;
--muted: 0 0% 96.1%;
--muted-foreground: 0 0% 45.1%;
--accent: 0 0% 96.1%;
--accent-foreground: 0 0% 9%;
--destructive: 350 89% 60%;
--destructive-foreground: 0 0% 100%;
--warning: 38 92% 50%;
--warning-foreground: 0 0% 100%;
--success: 87 100% 37%;
--success-foreground: 0 0% 100%;
--border: 0 0% 89.8%;
--input: 0 0% 89.8%;
--ring: 198.6 88.7% 48.4%;
--radius: 0.5rem;
--primary: 198.6 88.7% 48.4%;
--primary-foreground: 0 0% 98%;
}
.dark {
--background: 0 0% 3.9%;
--foreground: 0 0% 98%;
--primary: 198.6 88.7% 48.4%;
--primary-foreground: 0 0% 100%;
--secondary: 0 0% 18%;
--secondary-foreground: 0 0% 98%;
--muted: 0 0% 18%;
--muted-foreground: 0 0% 63.9%;
--accent: 0 0% 18%;
--accent-foreground: 0 0% 98%;
--destructive: 350 89% 60%;
--destructive-foreground: 0 0% 100%;
--warning: 38 92% 50%;
--warning-foreground: 0 0% 100%;
--success: 84 81% 44%;
--success-foreground: 0 0% 100%;
--border: 0 0% 18%;
--input: 0 0% 18%;
--ring: 198.6 88.7% 48.4%;
}
}
