/* Generated at container start from client src/index.css */
:root {
        --background: 0 0% 100%;
        --foreground: 220 14% 15%;

        --card: 0 0% 100%;
        --card-foreground: 220 14% 15%;

        --popover: 0 0% 100%;
        --popover-foreground: 220 14% 15%;

        /* AURA theme (Red + Pink)
       Red  (#d3000f)  -> hsl(356 100% 41%)
       Pink (#febaff)  -> hsl(299 100% 86%)
    */
        --primary: 356 100% 41%;
        --primary-foreground: 0 0% 100%;
        --primary-light: 356 100% 55%;
        --primary-dark: 356 100% 32%;

        /* Accent */
        --blue-accent: 299 100% 86%;
        --blue-accent-light: 299 100% 92%;

        --secondary: 220 14% 96%;
        --secondary-foreground: 220 14% 15%;

        --muted: 220 14% 96%;
        --muted-foreground: 220 9% 46%;

        --accent: 220 14% 96%;
        --accent-foreground: 220 14% 15%;

        --destructive: 0 84% 60%;
        --destructive-foreground: 0 0% 98%;

        --border: 220 13% 91%;
        --input: 220 13% 91%;
        --ring: 356 100% 41%;

        --radius: 0.75rem;

        /* Chat specific colors */
        --chat-user-bg: 0 0% 100%;
        --chat-assistant-bg: 220 14% 96%;
        --sidebar-bg: 0 0% 98%;

        /* Gradients */
        --gradient-primary: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--blue-accent)));
        --gradient-hero: linear-gradient(135deg, hsl(var(--primary)) 0%, hsl(var(--blue-accent)) 100%);

        /* Shadows */
        --shadow-soft: 0 2px 8px -2px hsl(var(--primary) / 0.1);
        --shadow-medium: 0 4px 16px -4px hsl(var(--primary) / 0.15);

        /* Transitions */
        --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

        --sidebar-background: 0 0% 98%;

        --sidebar-foreground: 240 5.3% 26.1%;

        --sidebar-primary: 240 5.9% 10%;

        --sidebar-primary-foreground: 0 0% 98%;

        --sidebar-accent: 240 4.8% 95.9%;

        --sidebar-accent-foreground: 240 5.9% 10%;

        --sidebar-border: 220 13% 91%;

        --sidebar-ring: 217.2 91.2% 59.8%;
    }

.dark {
        --background: 220 14% 8%;
        --foreground: 0 0% 95%;

        --card: 220 14% 10%;
        --card-foreground: 0 0% 95%;

        --popover: 220 14% 10%;
        --popover-foreground: 0 0% 95%;

        /* Keep same brand hues in dark mode; only neutrals shift */
        --primary: 356 100% 41%;
        --primary-foreground: 0 0% 100%;
        --primary-light: 356 100% 55%;
        --primary-dark: 356 100% 32%;

        --blue-accent: 299 100% 86%;
        --blue-accent-light: 299 100% 92%;

        --secondary: 220 14% 15%;
        --secondary-foreground: 0 0% 95%;

        --muted: 220 14% 15%;
        --muted-foreground: 220 9% 60%;

        --accent: 220 14% 15%;
        --accent-foreground: 0 0% 95%;

        --destructive: 0 84% 60%;
        --destructive-foreground: 0 0% 98%;

        --border: 220 14% 20%;
        --input: 220 14% 15%;
        --ring: 356 100% 41%;

        --chat-user-bg: 220 14% 15%;
        --chat-assistant-bg: 220 14% 12%;
        --sidebar-bg: 220 14% 6%;
        --sidebar-background: 240 5.9% 10%;
        --sidebar-foreground: 240 4.8% 95.9%;
        --sidebar-primary: 224.3 76.3% 48%;
        --sidebar-primary-foreground: 0 0% 100%;
        --sidebar-accent: 240 3.7% 15.9%;
        --sidebar-accent-foreground: 240 4.8% 95.9%;
        --sidebar-border: 240 3.7% 15.9%;
        --sidebar-ring: 217.2 91.2% 59.8%;
    }