@tailwind base;

@tailwind components;

@tailwind utilities;

@layer base {

:root {

--card: 334 62% 100%;

--ring: 228.33 94.74% 62.75%;

--input: 334 5% 95%;

--muted: 214.29 31.82% 91.37%;

--accent: 214.29 31.82% 91.37%;

--border: 334 5% 95%;

--popover: 334 62% 100%;

--primary: 228.33 94.74% 62.75%;

--secondary: 213.75 20.25% 69.02%;

--background: 210 40% 96.08%;

--foreground: 334 55% 1%;

--destructive: 358.82 84.44% 64.71%;

--card-foreground: 334 55% 1%;

--muted-foreground: 334 9% 37%;

--accent-foreground: 334 20% 22%;

--popover-foreground: 334 55% 1%;

--primary-foreground: 0 0% 100%;

--secondary-foreground: 334 0% 100%;

--destructive-foreground: 18 0% 100%;

--radius: 0.5rem;

}

.dark {

--card: 217.24 32.58% 17.45%;

--ring: 227.56 53.78% 49.22%;

--input: 215.29 25% 26.67%;

--muted: 215.38 16.32% 46.86%;

--accent: 222.22 47.37% 11.18%;

--border: 334 0% 32.31%;

--popover: 217.24 32.58% 17.45%;

--primary: 227.56 53.78% 49.22%;

--secondary: 214.29 5.04% 27.25%;

--background: 222.22 47.37% 11.18%;

--foreground: 334 34% 98%;

--destructive: 358.82 84.44% 64.71%;

--card-foreground: 334 34% 98%;

--muted-foreground: 334 0% 87.69%;

--accent-foreground: 226.73 0% 100%;

--popover-foreground: 334 34% 98%;

--primary-foreground: 0 0% 100%;

--secondary-foreground: 334 0% 100%;

--destructive-foreground: 0 0% 100%;

}

}

@layer base {

* {

@apply border-border;

}

body {

@apply bg-background text-foreground;

font-feature-settings: "rlig" 1, "calt" 1;

}

}