html:root {
  --radius: 0.25rem;
  --shadow-opacity: 0.16;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 2px;
  --letter-spacing: -0.025em;
  --spacing: 0.27rem;
  --background: hsl(0 0% 99.2157%);
  --foreground: hsl(0 0% 0%);
  --card: hsl(0 0% 99.2157%);
  --card-foreground: hsl(0 0% 0%);
  --popover: hsl(0 0% 98.8235%);
  --popover-foreground: hsl(0 0% 0%);
  --primary: hsl(259.1176 100% 60%);
  --primary-foreground: hsl(0 0% 100%);
  --secondary: hsl(0 0% 10.5882%);
  --secondary-foreground: hsl(0 0% 100%);
  --muted: hsl(0 0% 96.0784%);
  --muted-foreground: hsl(0 0% 32.1569%);
  --accent: hsl(221.3793 100% 94.3137%);
  --accent-foreground: hsl(216.3158 76% 49.0196%);
  --destructive: hsl(358.4416 74.7573% 59.6078%);
  --destructive-foreground: hsl(0 0% 100%);
  --border: hsl(240 17.0732% 91.9608%);
  --input: hsl(0 0% 92.1569%);
  --ring: hsl(0 0% 0%);
  --chart-1: hsl(148.0952 53.3898% 53.7255%);
  --chart-2: hsl(257.9412 100% 60%);
  --chart-3: hsl(24.8571 98.1308% 58.0392%);
  --chart-4: hsl(217.0787 76.7241% 54.5098%);
  --chart-5: hsl(0 0% 45.4902%);
  --sidebar: hsl(210 42.8571% 97.2549%);
  --sidebar-foreground: hsl(0 0% 0%);
  --sidebar-primary: hsl(0 0% 0%);
  --sidebar-primary-foreground: hsl(0 0% 100%);
  --sidebar-accent: hsl(0 0% 92.1569%);
  --sidebar-accent-foreground: hsl(0 0% 0%);
  --sidebar-border: hsl(0 0% 92.1569%);
  --sidebar-ring: hsl(0 0% 0%);
  --shadow-color: hsl(0 0% 0%);
  --shadow-2xs: 0.1px 0.7px 0.7px -0.3px hsl(0 0% 0% / 0.12);
  --shadow-xs: 0.2px 1.2px 1.5px -0.5px hsl(0 0% 0% / 0.12), 0.1px 0.6px 2px -0.7px hsl(0 0% 0% / 0.04);
  --shadow-sm: 0.5px 3px 5.2px -1.4px hsl(0 0% 0% / 0.11), 0.2px 1.5px 6.8px -1.7px hsl(0 0% 0% / 0.04);
  --shadow: 0.3px 2px 3px -0.9px hsl(0 0% 0% / 0.11), 0.2px 1px 3px -1.1px hsl(0 0% 0% / 0.04);
  --shadow-md: 0.5px 3px 5.2px -1.4px hsl(0 0% 0% / 0.11), 0.4px 2.4px 5.7px -1px hsl(0 0% 0% / 0.05), 0.2px 1.5px 6.8px -1.7px hsl(0 0% 0% / 0.04);
  --shadow-lg: 0.7px 4px 7.6px -1.8px hsl(0 0% 0% / 0.10), 0.5px 3.2px 9.1px -1.4px hsl(0 0% 0% / 0.05), 0.3px 2px 12px -2.2px hsl(0 0% 0% / 0.03);
  --shadow-xl: 0.9px 5.6px 12px -2.5px hsl(0 0% 0% / 0.09), 0.7px 4.5px 15.6px -2px hsl(0 0% 0% / 0.04), 0.5px 2.8px 23.5px -3.1px hsl(0 0% 0% / 0.03);
  --shadow-2xl: 1.2px 7.2px 16.9px -3.2px hsl(0 0% 0% / 0.08), 0.9px 5.8px 23.3px -2.5px hsl(0 0% 0% / 0.04), 0.6px 3.6px 38.9px -4px hsl(0 0% 0% / 0.03);
}

html[data-theme="dark"], html.dark {
  --background: hsl(225 7.1429% 10.9804%);
  --foreground: hsl(0 0% 94.1176%);
  --card: hsl(228.0000 6.8493% 14.3137%);
  --card-foreground: hsl(0 0% 94.1176%);
  --popover: hsl(228.0000 6.8493% 14.3137%);
  --popover-foreground: hsl(0 0% 94.1176%);
  --primary: hsl(257.6687 100% 68.0392%);
  --primary-foreground: hsl(0 0% 100%);
  --secondary: hsl(226.6667 9.6774% 18.2353%);
  --secondary-foreground: hsl(0 0% 94.1176%);
  --muted: hsl(226.6667 9.6774% 18.2353%);
  --muted-foreground: hsl(0 0% 62.7451%);
  --accent: hsl(217.2414 32.5843% 17.4510%);
  --accent-foreground: hsl(208.2090 100.0000% 73.7255%);
  --destructive: hsl(0 90.6040% 70.7843%);
  --destructive-foreground: hsl(0 0% 100%);
  --border: hsl(222.8571 6.4220% 21.3725%);
  --input: hsl(222.8571 6.4220% 21.3725%);
  --ring: hsl(257.6687 100% 68.0392%);
  --chart-1: hsl(141.8919 69.1589% 58.0392%);
  --chart-2: hsl(257.6687 100% 68.0392%);
  --chart-3: hsl(0 93.5484% 81.7647%);
  --chart-4: hsl(217.5484 87.5706% 65.2941%);
  --chart-5: hsl(0 0% 62.7451%);
  --sidebar: hsl(240 4.3478% 9.0196%);
  --sidebar-foreground: hsl(0 0% 94.1176%);
  --sidebar-primary: hsl(257.6687 100% 68.0392%);
  --sidebar-primary-foreground: hsl(0 0% 100%);
  --sidebar-accent: hsl(226.6667 9.6774% 18.2353%);
  --sidebar-accent-foreground: hsl(257.6687 100% 68.0392%);
  --sidebar-border: hsl(222.8571 6.4220% 21.3725%);
  --sidebar-ring: hsl(257.6687 100% 68.0392%);
  --shadow-color: hsl(0 0% 0%);
  --shadow-2xs: 0.1px 0.7px 0.6px -0.1px hsl(0 0% 0% / 0.22);
  --shadow-xs: 0.2px 1.2px 1.2px -0.3px hsl(0 0% 0% / 0.22), 0.1px 0.6px 2px -0.4px hsl(0 0% 0% / 0.07);
  --shadow-sm: 0.5px 3px 4.3px -1.1px hsl(0 0% 0% / 0.19), 0.2px 1.5px 5.6px -1.4px hsl(0 0% 0% / 0.07);
  --shadow: 0.3px 2px 2.5px -0.7px hsl(0 0% 0% / 0.21), 0.2px 1px 2.5px -0.9px hsl(0 0% 0% / 0.07);
  --shadow-md: 0.5px 3px 4.3px -1.1px hsl(0 0% 0% / 0.19), 0.4px 2.4px 4.8px -0.8px hsl(0 0% 0% / 0.09), 0.2px 1.5px 5.6px -1.4px hsl(0 0% 0% / 0.07);
  --shadow-lg: 0.7px 4px 6.3px -1.6px hsl(0 0% 0% / 0.18), 0.5px 3.2px 7.5px -1.2px hsl(0 0% 0% / 0.08), 0.3px 2px 10px -2px hsl(0 0% 0% / 0.06);
  --shadow-xl: 0.9px 5.6px 10px -2.3px hsl(0 0% 0% / 0.16), 0.7px 4.5px 12.9px -1.7px hsl(0 0% 0% / 0.08), 0.5px 2.8px 19.5px -2.8px hsl(0 0% 0% / 0.06);
  --shadow-2xl: 1.2px 7.2px 14px -3px hsl(0 0% 0% / 0.15), 0.9px 5.8px 19.3px -2.3px hsl(0 0% 0% / 0.07), 0.6px 3.6px 32.3px -3.7px hsl(0 0% 0% / 0.05);
}