/*
 * Tema de la pasarela (equivalente al globals.css de la app Next.js).
 *
 * Los valores van en el mismo formato de shadcn/ui: "H S% L%" sin hsl(),
 * así que se puede pegar aquí directamente el bloque :root de un globals.css
 * (o de un generador de temas shadcn). Las directivas @tailwind y @layer no aplican.
 */
:root {
    --background: 278 50% 100%;
    --foreground: 278 54% 0%;
    --muted: 248 13% 90%;
    --muted-foreground: 248 7% 30%;
    --popover: 0 0% 99%;
    --popover-foreground: 0 0% 0%;
    --card: 0 0% 99%;
    --card-foreground: 0 0% 0%;
    --border: 278 4% 92%;
    --input: 278 4% 92%;
    --primary: 278 6% 72%;
    --primary-foreground: 278 6% 12%;
    --secondary: 248 6% 72%;
    --secondary-foreground: 248 6% 12%;
    --accent: 308 6% 72%;
    --accent-foreground: 308 6% 12%;
    --destructive: 3 98% 23%;
    --destructive-foreground: 3 98% 83%;
    --ring: 278 6% 72%;
    --chart-1: 278 6% 72%;
    --chart-2: 248 6% 72%;
    --chart-3: 308 6% 72%;
    --chart-4: 248 6% 75%;
    --chart-5: 278 9% 72%;
    --radius: 0.5rem;
}