/* Theme CSS Variables */
:root {
    --background: 0 0% 95%;
    --foreground: 230 15% 18%;
    --card: 220 12% 89%;
    --card-foreground: 230 15% 18%;
    --popover: 220 12% 92%;
    --popover-foreground: 230 15% 18%;
    --primary: 250 80% 55%;
    --primary-foreground: 210 20% 98%;
    --secondary: 220 10% 85%;
    --secondary-foreground: 230 15% 22%;
    --muted: 220 10% 85%;
    --muted-foreground: 220 8% 45%;
    --accent: 200 18% 80%;
    --accent-foreground: 230 15% 18%;
    --destructive: 0 70% 50%;
    --destructive-foreground: 210 20% 98%;
    --success: 142 76% 36%;
    --success-foreground: 210 20% 98%;
    --warning: 38 92% 50%;
    --warning-foreground: 230 15% 18%;
    --info: 199 89% 48%;
    --info-foreground: 210 20% 98%;
    --border: 220 10% 80%;
    --input: 220 10% 80%;
    --ring: 250 80% 55%;
    --radius: 0.75rem;
}

.dark {
    --background: 220 15% 18%;
    --foreground: 210 15% 96%;
    --card: 220 15% 18%;
    --card-foreground: 210 15% 96%;
    --popover: 220 15% 18%;
    --popover-foreground: 210 15% 96%;
    --primary: 263.4 75% 70%;
    --primary-foreground: 210 15% 98%;
    --secondary: 215 18% 28%;
    --secondary-foreground: 210 15% 96%;
    --muted: 215 18% 28%;
    --muted-foreground: 217.9 15% 80%;
    --accent: 215 18% 28%;
    --accent-foreground: 210 15% 96%;
    --destructive: 0 70% 48%;
    --destructive-foreground: 210 15% 98%;
    --success: 142 71% 42%;
    --success-foreground: 210 20% 98%;
    --warning: 38 88% 55%;
    --warning-foreground: 230 15% 12%;
    --info: 199 80% 52%;
    --info-foreground: 210 20% 98%;
    --border: 215 18% 28%;
    --input: 215 18% 28%;
    --ring: 263.4 75% 70%;
}