:root {
  --background: 210 16.6667% 97.6471%;
  --foreground: 240 41.4634% 8.0392%;
  --card: 0 0% 100%;
  --card-foreground: 240 41.4634% 8.0392%;
  --popover: 0 0% 100%;
  --popover-foreground: 240 41.4634% 8.0392%;
  --primary: 312.9412 100% 50%;
  --primary-foreground: 0 0% 100%;
  --secondary: 240 100% 97.0588%;
  --secondary-foreground: 240 41.4634% 8.0392%;
  --muted: 240 100% 97.0588%;
  --muted-foreground: 240 41.4634% 8.0392%;
  --accent: 168 100% 50%;
  --accent-foreground: 240 41.4634% 8.0392%;
  --destructive: 14.3529 100% 50%;
  --destructive-foreground: 0 0% 100%;
  --border: 198.0000 18.5185% 89.4118%;
  --input: 198.0000 18.5185% 89.4118%;
  --ring: 312.9412 100% 50%;
  --chart-1: 312.9412 100% 50%;
  --chart-2: 273.8824 100% 50%;
  --chart-3: 186.1176 100% 50%;
  --chart-4: 168 100% 50%;
  --chart-5: 54.1176 100% 50%;
  --sidebar: 240 100% 97.0588%;
  --sidebar-foreground: 240 41.4634% 8.0392%;
  --sidebar-primary: 312.9412 100% 50%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent:  var(--primary);
  --sidebar-accent-foreground: var(--primary-foreground);
  --sidebar-border: 198.0000 18.5185% 89.4118%;
  --sidebar-ring: 312.9412 100% 50%;
  --font-sans: Outfit, sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: Fira Code, monospace;
  --radius: 0.5rem;
  --shadow-x: 0px;
  --shadow-y: 4px;
  --shadow-blur: 8px;
  --shadow-spread: -2px;
  --shadow-opacity: 0.1;
  --shadow-color: hsl(0 0% 0%);
  --shadow-2xs: 0px 4px 8px -2px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0px 4px 8px -2px hsl(0 0% 0% / 0.05);
  --shadow-sm: 0px 4px 8px -2px hsl(0 0% 0% / 0.10), 0px 1px 2px -3px hsl(0 0% 0% / 0.10);
  --shadow: 0px 4px 8px -2px hsl(0 0% 0% / 0.10), 0px 1px 2px -3px hsl(0 0% 0% / 0.10);
  --shadow-md: 0px 4px 8px -2px hsl(0 0% 0% / 0.10), 0px 2px 4px -3px hsl(0 0% 0% / 0.10);
  --shadow-lg: 0px 4px 8px -2px hsl(0 0% 0% / 0.10), 0px 4px 6px -3px hsl(0 0% 0% / 0.10);
  --shadow-xl: 0px 4px 8px -2px hsl(0 0% 0% / 0.10), 0px 8px 10px -3px hsl(0 0% 0% / 0.10);
  --shadow-2xl: 0px 4px 8px -2px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
  --spacing: 0.25rem;
}

.dark {
  --background: 240 41.4634% 8.0392%;
  --foreground: 217.5000 26.6667% 94.1176%;
  --card: 240 35.4839% 18.2353%;
  --card-foreground: 217.5000 26.6667% 94.1176%;
  --popover: 240 35.4839% 18.2353%;
  --popover-foreground: 217.5000 26.6667% 94.1176%;
  --primary: 312.9412 100% 50%;
  --primary-foreground: 0 0% 100%;
  --secondary: 240 35.4839% 18.2353%;
  --secondary-foreground: 217.5000 26.6667% 94.1176%;
  --muted: 240 39.1304% 13.5294%;
  --muted-foreground: 232.1053 17.5926% 57.6471%;
  --accent: 168 100% 50%;
  --accent-foreground: 240 41.4634% 8.0392%;
  --destructive: 14.3529 100% 50%;
  --destructive-foreground: 0 0% 100%;
  --border: 240 34.2857% 27.4510%;
  --input: 240 34.2857% 27.4510%;
  --ring: 312.9412 100% 50%;
  --chart-1: 312.9412 100% 50%;
  --chart-2: 273.8824 100% 50%;
  --chart-3: 186.1176 100% 50%;
  --chart-4: 168 100% 50%;
  --chart-5: 54.1176 100% 50%;
  --sidebar: 240 41.4634% 8.0392%;
  --sidebar-foreground: 217.5000 26.6667% 94.1176%;
  --sidebar-primary: 312.9412 100% 50%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-border: 240 34.2857% 27.4510%;
  --sidebar-ring: 312.9412 100% 50%;
  --font-sans: Outfit, sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: Fira Code, monospace;
  --radius: 0.5rem;
  --shadow-x: 0px;
  --shadow-y: 4px;
  --shadow-blur: 8px;
  --shadow-spread: -2px;
  --shadow-opacity: 0.1;
  --shadow-color: hsl(0 0% 0%);
  --shadow-2xs: 0px 4px 8px -2px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0px 4px 8px -2px hsl(0 0% 0% / 0.05);
  --shadow-sm: 0px 4px 8px -2px hsl(0 0% 0% / 0.10), 0px 1px 2px -3px hsl(0 0% 0% / 0.10);
  --shadow: 0px 4px 8px -2px hsl(0 0% 0% / 0.10), 0px 1px 2px -3px hsl(0 0% 0% / 0.10);
  --shadow-md: 0px 4px 8px -2px hsl(0 0% 0% / 0.10), 0px 2px 4px -3px hsl(0 0% 0% / 0.10);
  --shadow-lg: 0px 4px 8px -2px hsl(0 0% 0% / 0.10), 0px 4px 6px -3px hsl(0 0% 0% / 0.10);
  --shadow-xl: 0px 4px 8px -2px hsl(0 0% 0% / 0.10), 0px 8px 10px -3px hsl(0 0% 0% / 0.10);
  --shadow-2xl: 0px 4px 8px -2px hsl(0 0% 0% / 0.25);
}