html:root {
  --radius: 0.5rem;
  --letter-spacing: 0em;
  --spacing: 0.25rem;
  --background: hsl(300 33.3333% 97.0588%);
  --foreground: hsl(296 55.5556% 21.1765%);
  --card: hsl(300 33.3333% 97.0588%);
  --card-foreground: hsl(296 55.5556% 21.1765%);
  --popover: hsl(0 0% 100%);
  --popover-foreground: hsl(296 55.5556% 21.1765%);
  --primary: hsl(316.4179 96.1722% 40.9804%);
  --primary-foreground: hsl(0 0% 100%);
  --secondary: hsl(314.6667 61.6438% 85.6863%);
  --secondary-foreground: hsl(295.8333 40.9091% 34.5098%);
  --muted: hsl(310.5882 48.5714% 93.1373%);
  --muted-foreground: hsl(295.5224 32.6829% 40.1961%);
  --accent: hsl(314.6667 61.6438% 85.6863%);
  --accent-foreground: hsl(295.8333 40.9091% 34.5098%);
  --destructive: hsl(357.6923 43.6975% 46.6667%);
  --destructive-foreground: hsl(0 0% 100%);
  --border: hsl(304.8000 60.9756% 83.9216%);
  --input: hsl(317.3684 44.1860% 83.1373%);
  --ring: hsl(333.3333 71.4286% 50.5882%);
  --chart-1: hsl(318.4358 70.1961% 50%);
  --chart-2: hsl(272.3353 82.2660% 39.8039%);
  --chart-3: hsl(197.3333 36.5854% 24.1176%);
  --chart-4: hsl(43.1250 73.5632% 65.8824%);
  --chart-5: hsl(27.1233 86.9048% 67.0588%);
  --sidebar: hsl(290.0000 50% 92.9412%);
  --sidebar-foreground: hsl(327.2000 77.3196% 38.0392%);
  --sidebar-primary: hsl(240 9.8039% 30%);
  --sidebar-primary-foreground: hsl(320.0000 47.3684% 96.2745%);
  --sidebar-accent: hsl(60 6.6667% 97.0588%);
  --sidebar-accent-foreground: hsl(240 9.8039% 30%);
  --sidebar-border: hsl(20.0000 7.3171% 91.9608%);
  --sidebar-ring: hsl(333.3333 71.4286% 50.5882%);
  --shadow-2xs: 0.1px 0.3px 0.7px -0.3px hsl(15.7501 46.8080% 2.5375% / 0.08);
  --shadow-xs: 0.1px 0.6px 1.5px -0.5px hsl(15.7501 46.8080% 2.5375% / 0.07), 0.1px 0.5px 2px -0.7px hsl(15.7501 46.8080% 2.5375% / 0.02);
  --shadow-sm: 0.2px 1.5px 5.2px -1.4px hsl(15.7501 46.8080% 2.5375% / 0.07), 0.1px 0.8px 6.8px -1.7px hsl(15.7501 46.8080% 2.5375% / 0.02);
  --shadow: 0.2px 1px 3px -0.9px hsl(15.7501 46.8080% 2.5375% / 0.07), 0.1px 0.5px 3px -1.1px hsl(15.7501 46.8080% 2.5375% / 0.02);
  --shadow-md: 0.2px 1.5px 5.2px -1.4px hsl(15.7501 46.8080% 2.5375% / 0.07), 0.2px 1.2px 5.7px -1px hsl(15.7501 46.8080% 2.5375% / 0.03), 0.1px 0.8px 6.8px -1.7px hsl(15.7501 46.8080% 2.5375% / 0.02);
  --shadow-lg: 0.3px 2px 7.6px -1.8px hsl(15.7501 46.8080% 2.5375% / 0.06), 0.3px 1.6px 9.1px -1.4px hsl(15.7501 46.8080% 2.5375% / 0.03), 0.2px 1px 12px -2.2px hsl(15.7501 46.8080% 2.5375% / 0.02);
  --shadow-xl: 0.5px 2.8px 12px -2.5px hsl(15.7501 46.8080% 2.5375% / 0.06), 0.4px 2.2px 15.6px -2px hsl(15.7501 46.8080% 2.5375% / 0.03), 0.2px 1.4px 23.5px -3.1px hsl(15.7501 46.8080% 2.5375% / 0.02);
  --shadow-2xl: 0.6px 3.6px 16.9px -3.2px hsl(15.7501 46.8080% 2.5375% / 0.05), 0.5px 2.9px 23.3px -2.5px hsl(15.7501 46.8080% 2.5375% / 0.02), 0.3px 1.8px 38.9px -4px hsl(15.7501 46.8080% 2.5375% / 0.02);
}

html[data-theme="dark"], html.dark {
  --background: hsl(270 14.7059% 13.3333%);
  --foreground: hsl(272.3077 28.2609% 81.9608%);
  --card: hsl(270 13.6364% 17.2549%);
  --card-foreground: hsl(324.5455 23.4043% 81.5686%);
  --popover: hsl(320 23.0769% 5.0980%);
  --popover-foreground: hsl(325.7143 33.3333% 95.8824%);
  --primary: hsl(332.0245 100% 31.9608%);
  --primary-foreground: hsl(329.3617 59.4937% 84.5098%);
  --secondary: hsl(273.7500 15.0943% 20.7843%);
  --secondary-foreground: hsl(270.0000 30.2326% 83.1373%);
  --muted: hsl(272.7273 13.9241% 15.4902%);
  --muted-foreground: hsl(268.8000 20.6612% 76.2745%);
  --accent: hsl(272.1429 20.2899% 27.0588%);
  --accent-foreground: hsl(325.7143 33.3333% 95.8824%);
  --destructive: hsl(350.6250 50% 12.5490%);
  --destructive-foreground: hsl(0 0% 100%);
  --border: hsl(326.6667 8.2569% 21.3725%);
  --input: hsl(312 8.7719% 22.3529%);
  --ring: hsl(333.3333 71.4286% 50.5882%);
  --chart-1: hsl(333.2673 42.9787% 46.0784%);
  --chart-2: hsl(273.3333 54.7826% 54.9020%);
  --chart-3: hsl(30.0000 80% 54.9020%);
  --chart-4: hsl(280 64.7059% 60%);
  --chart-5: hsl(339.7674 74.7826% 54.9020%);
  --sidebar: hsl(308.5714 17.0732% 8.0392%);
  --sidebar-foreground: hsl(327.2727 26.1905% 83.5294%);
  --sidebar-primary: hsl(224.2781 76.3265% 48.0392%);
  --sidebar-primary-foreground: hsl(0 0% 100%);
  --sidebar-accent: hsl(318.4615 20.6349% 12.3529%);
  --sidebar-accent-foreground: hsl(240 4.7619% 95.8824%);
  --sidebar-border: hsl(0 0% 0%);
  --sidebar-ring: hsl(333.3333 71.4286% 50.5882%);
  --shadow-2xs: 0.1px 0.3px 0.6px -0.1px hsl(0 0% 0% / 0.14);
  --shadow-xs: 0.1px 0.6px 1.3px -0.3px hsl(0 0% 0% / 0.14), 0.1px 0.5px 2px -0.4px hsl(0 0% 0% / 0.04);
  --shadow-sm: 0.2px 1.5px 4.4px -1.1px hsl(0 0% 0% / 0.12), 0.1px 0.8px 5.7px -1.4px hsl(0 0% 0% / 0.04);
  --shadow: 0.2px 1px 2.5px -0.7px hsl(0 0% 0% / 0.13), 0.1px 0.5px 2.5px -0.9px hsl(0 0% 0% / 0.04);
  --shadow-md: 0.2px 1.5px 4.4px -1.1px hsl(0 0% 0% / 0.12), 0.2px 1.2px 4.9px -0.8px hsl(0 0% 0% / 0.05), 0.1px 0.8px 5.7px -1.4px hsl(0 0% 0% / 0.04);
  --shadow-lg: 0.3px 2px 6.5px -1.6px hsl(0 0% 0% / 0.11), 0.3px 1.6px 7.7px -1.2px hsl(0 0% 0% / 0.05), 0.2px 1px 10.2px -2px hsl(0 0% 0% / 0.04);
  --shadow-xl: 0.5px 2.8px 10.2px -2.3px hsl(0 0% 0% / 0.10), 0.4px 2.2px 13.2px -1.7px hsl(0 0% 0% / 0.05), 0.2px 1.4px 19.9px -2.9px hsl(0 0% 0% / 0.04);
  --shadow-2xl: 0.6px 3.6px 14.3px -3px hsl(0 0% 0% / 0.09), 0.5px 2.9px 19.7px -2.3px hsl(0 0% 0% / 0.04), 0.3px 1.8px 32.9px -3.7px hsl(0 0% 0% / 0.03);
}