:root {
    /* Base Neutrals */
    --background-paper: hsl(0 0% 100%);

    --background: hsl(0 0% 98%);
    --foreground: hsl(224 71% 4%);
    --card: hsl(0 0% 100%);
    --card-foreground: hsl(224 71% 4%);
    --popover: hsl(0 0% 100%);
    --popover-foreground: hsl(224 71% 4%);
    
    /* Branding & Action */
    --primary: hsl(306 58% 47%);
    --primary-foreground: hsl(0 0% 100%);
    --secondary: hsl(215 15% 92%);
    --secondary-foreground: hsl(224 71% 4%);
    
    /* Functional Colors */
    --success: hsl(150 60% 40%);
    --success-foreground: hsl(150 60% 98%);
    --warning: hsl(38 92% 50%);
    --warning-foreground: hsl(38 92% 5%);
    --info: hsl(199 89% 48%);
    --info-foreground: hsl(199 89% 98%);
    --danger: hsl(355 78% 56%);
    --destructive: hsl(355 78% 56%);
    --destructive-foreground: hsl(0 0% 100%);

    /* UI Elements */
    --muted: hsl(215 15% 94%);
    --muted-foreground: hsl(215 16% 47%);
    --accent: hsl(215 15% 92%);
    --accent-foreground: hsl(224 71% 4%);
    --border: hsl(215 15% 88%);
    --input: hsl(215 15% 88%);
    --ring: hsl(220 90% 56%);

    /* Sidebar */
    --sidebar-background: hsl(222 47% 11%);
    --sidebar-foreground: hsl(215 20% 65%);
    --sidebar-primary: hsl(220 90% 56%);
    --sidebar-primary-foreground: hsl(0 0% 100%);
    --sidebar-accent: hsl(222 47% 18%);
    --sidebar-accent-foreground: hsl(210 40% 98%);
    --sidebar-border: hsl(222 47% 15%);
    --sidebar-ring: hsl(220 90% 56%);

    /* Charts */
    --chart-1: hsl(220 90% 56%);
    --chart-2: hsl(150 60% 40%);
    --chart-3: hsl(38 92% 50%);
    --chart-4: hsl(199 89% 48%);
    --chart-5: hsl(355 78% 56%);

    --radius: 0.6rem;
}

.dark {
    --background-paper: hsl(226 4% 15%);

    --background: hsl(226 4% 13%);
    --foreground: hsl(213 31% 91%);
    --card: hsl(224 71% 4%);
    --card-foreground: hsl(213 31% 91%);
    --popover: hsl(224 71% 4%);
    --popover-foreground: hsl(213 31% 91%);
    
    --primary: hsl(306 58% 47%);
    --primary-foreground: hsl(0 0% 100%);
    
    --secondary: hsl(222 47% 11%);
    --secondary-foreground: hsl(213 31% 91%);
    
    --muted: hsl(223 47% 11%);
    --muted-foreground: hsl(215 20% 65%);
    --accent: hsl(223 47% 11%);
    --accent-foreground: hsl(210 40% 98%);
    
    --border: hsl(216 34% 17%);
    --input: hsl(216 34% 17%);
    --ring: hsl(217 91% 60%);

    --sidebar-background: hsl(224 71% 2%);
    --sidebar-foreground: hsl(215 20% 65%);
    --sidebar-primary: hsl(217 91% 60%);
    --sidebar-primary-foreground: hsl(224 71% 4%);
    --sidebar-accent: hsl(223 47% 11%);
    --sidebar-accent-foreground: hsl(210 40% 98%);
    --sidebar-border: hsl(216 34% 12%);
    --sidebar-ring: hsl(217 91% 60%);

    --success: hsl(150 60% 40%);
    --success-foreground: hsl(150 60% 98%);
    --warning: hsl(38 92% 50%);
    --warning-foreground: hsl(38 92% 5%);
    --info: hsl(199 89% 48%);
    --info-foreground: hsl(199 89% 98%);
    --danger: hsl(355 78% 56%);
}