@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
:root {
--background: 222.2 84% 4.9%;
--foreground: 210 40% 98%;
--card: 222.2 84% 4.9%;
--card-foreground: 210 40% 98%;

--popover: 222.2 84% 4.9%;
--popover-foreground: 210 40% 98%;

--primary: 210 40% 98%;
--primary-foreground: 222.2 47.4% 11.2%;

--secondary: 217.2 32.6% 17.5%;
--secondary-foreground: 210 40% 98%;

--muted: 217.2 32.6% 17.5%;
--muted-foreground: 215 20.2% 65.1%;

--accent: 217.2 32.6% 17.5%;
--accent-foreground: 210 40% 98%;

--destructive: 0 62.8% 30.6%;
--destructive-foreground: 210 40% 98%;

--border: 217.2 32.6% 17.5%;
--input: 217.2 32.6% 17.5%;
--ring: 212.7 26.8% 83.9%;
--radius: 0.75rem; /* Slightly larger radius for a modern feel */

/* Custom Brand Colors */
--brand-primary: 262.1 83.3% 57.8%; /* Vibrant Purple */
--brand-accent: 312.1 83.3% 57.8%; /* Bright Pink */
}
.dark {
/* Keeping this for Shadcn components that might reference it */
}
}
@layer base {
{
@apply border-border;
}
body {
@apply bg-background text-foreground antialiased;
font-family: 'Inter', sans-serif;
}
body::before {
content: '';
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image:
radial-gradient(ellipse at 70% 80%, hsla(300, 80%, 60%, 0.3), transparent),
radial-gradient(ellipse at 30% 30%, hsla(240, 80%, 70%, 0.3), transparent);
background-size: 100% 100%;
z-index: -1;
opacity: 0.6;
filter: blur(80px);
}
}
