:root {
    --background: 60 9.0909% 97.8431%;
    --foreground: 20 14.2857% 4.1176%;
    --card: 0 0% 100%;
    --card-foreground: 20 14.2857% 4.1176%;
    --popover: 0 0% 100%;
    --popover-foreground: 20 14.2857% 4.1176%;
    --primary: 348.3333 58.0645% 36.4706%;
    --primary-foreground: 60 9.0909% 97.8431%;
    --secondary: 21.0000 83.3333% 95.2941%;
    --secondary-foreground: 348.3333 58.0645% 36.4706%;
    --muted: 60 4.7619% 95.8824%;
    --muted-foreground: 25.0000 5.2632% 44.7059%;
    --accent: 60 4.7619% 95.8824%;
    --accent-foreground: 24 9.8039% 10%;
    --destructive: 0 65.0794% 50.5882%;
    --destructive-foreground: 60 9.0909% 97.8431%;
    --border: 20 5.8824% 90%;
    --input: 20 5.8824% 90%;
    --ring: 342.1277 42.7273% 56.8627%;
    --chart-1: 348.3333 58.0645% 36.4706%;
    --chart-2: 342.1277 42.7273% 56.8627%;
    --chart-3: 27.0157 95.9799% 60.9804%;
    --chart-4: 30.6569 97.1631% 72.3529%;
    --chart-5: 32.1429 97.6744% 83.1373%;
    --sidebar: 60 4.7619% 95.8824%;
    --sidebar-foreground: 24 9.8039% 10%;
    --sidebar-primary: 348.3333 58.0645% 36.4706%;
    --sidebar-primary-foreground: 60 9.0909% 97.8431%;
    --sidebar-accent: 0 0% 100%;
    --sidebar-accent-foreground: 24 9.8039% 10%;
    --sidebar-border: 20 5.8824% 90%;
    --sidebar-ring: 348.3333 58.0645% 36.4706%;
    --radius: 0.5rem;
    --shadow-x: 0px;
    --shadow-y: 4px;
    --shadow-blur: 8px;
    --shadow-spread: -2px;
    --shadow-opacity: 0;
    --shadow-color: #000000;
    --shadow-2xs: 0px 4px 8px -2px hsl(0 0% 0% / 0.00);
    --shadow-xs: 0px 4px 8px -2px hsl(0 0% 0% / 0.00);
    --shadow-sm: 0px 4px 8px -2px hsl(0 0% 0% / 0.00), 0px 1px 2px -3px hsl(0 0% 0% / 0.00);
    --shadow: 0px 4px 8px -2px hsl(0 0% 0% / 0.00), 0px 1px 2px -3px hsl(0 0% 0% / 0.00);
    --shadow-md: 0px 4px 8px -2px hsl(0 0% 0% / 0.00), 0px 2px 4px -3px hsl(0 0% 0% / 0.00);
    --shadow-lg: 0px 4px 8px -2px hsl(0 0% 0% / 0.00), 0px 4px 6px -3px hsl(0 0% 0% / 0.00);
    --shadow-xl: 0px 4px 8px -2px hsl(0 0% 0% / 0.00), 0px 8px 10px -3px hsl(0 0% 0% / 0.00);
    --shadow-2xl: 0px 4px 8px -2px hsl(0 0% 0% / 0.00);
    --tracking-normal: 0em;
    --spacing: 0.25rem;
}

.dark {
    --background: 20 14.2857% 4.1176%;
    --foreground: 60 9.0909% 97.8431%;
    --card: 24 9.8039% 10%;
    --card-foreground: 60 9.0909% 97.8431%;
    --popover: 24 9.8039% 10%;
    --popover-foreground: 60 9.0909% 97.8431%;
    --primary: 348.3333 58.0645% 36.4706%;
    --primary-foreground: 60 9.0909% 97.8431%;
    --secondary: 12.0000 6.4935% 15.0980%;
    --secondary-foreground: 60 9.0909% 97.8431%;
    --muted: 12.0000 6.4935% 15.0980%;
    --muted-foreground: 24.0000 5.4348% 63.9216%;
    --accent: 12.0000 6.4935% 15.0980%;
    --accent-foreground: 60 9.0909% 97.8431%;
    --destructive: 0 84.2365% 60.1961%;
    --destructive-foreground: 60 9.0909% 97.8431%;
    --border: 12.0000 6.4935% 15.0980%;
    --input: 12.0000 6.4935% 15.0980%;
    --ring: 348.3333 58.0645% 36.4706%;
    --chart-1: 348.3333 58.0645% 36.4706%;
    --chart-2: 342.1277 42.7273% 56.8627%;
    --chart-3: 27.0157 95.9799% 60.9804%;
    --chart-4: 30.6569 97.1631% 72.3529%;
    --chart-5: 32.1429 97.6744% 83.1373%;
    --sidebar: 24 9.8039% 10%;
    --sidebar-foreground: 60 9.0909% 97.8431%;
    --sidebar-primary: 348.3333 58.0645% 36.4706%;
    --sidebar-primary-foreground: 60 9.0909% 97.8431%;
    --sidebar-accent: 12.0000 6.4935% 15.0980%;
    --sidebar-accent-foreground: 60 9.0909% 97.8431%;
    --sidebar-border: 12.0000 6.4935% 15.0980%;
    --sidebar-ring: 348.3333 58.0645% 36.4706%;
    --radius: 0.5rem;
    --shadow-x: 0px;
    --shadow-y: 4px;
    --shadow-blur: 8px;
    --shadow-spread: -2px;
    --shadow-opacity: 0;
    --shadow-color: #000000;
    --shadow-2xs: 0px 4px 8px -2px hsl(0 0% 0% / 0.00);
    --shadow-xs: 0px 4px 8px -2px hsl(0 0% 0% / 0.00);
    --shadow-sm: 0px 4px 8px -2px hsl(0 0% 0% / 0.00), 0px 1px 2px -3px hsl(0 0% 0% / 0.00);
    --shadow: 0px 4px 8px -2px hsl(0 0% 0% / 0.00), 0px 1px 2px -3px hsl(0 0% 0% / 0.00);
    --shadow-md: 0px 4px 8px -2px hsl(0 0% 0% / 0.00), 0px 2px 4px -3px hsl(0 0% 0% / 0.00);
    --shadow-lg: 0px 4px 8px -2px hsl(0 0% 0% / 0.00), 0px 4px 6px -3px hsl(0 0% 0% / 0.00);
    --shadow-xl: 0px 4px 8px -2px hsl(0 0% 0% / 0.00), 0px 8px 10px -3px hsl(0 0% 0% / 0.00);
    --shadow-2xl: 0px 4px 8px -2px hsl(0 0% 0% / 0.00);
}