:root {
  --background: 210 40% 98.0392%;
  --foreground: 217.2414 32.5843% 17.451%;
  --card: 0 0% 100%;
  --card-foreground: 217.2414 32.5843% 17.451%;
  --popover: 0 0% 100%;
  --popover-foreground: 217.2414 32.5843% 17.451%;
  --primary: 238.7324 83.5294% 66.6667%;
  --primary-foreground: 0 0% 100%;
  --secondary: 220 13.0435% 90.9804%;
  --secondary-foreground: 216.9231 19.1176% 26.6667%;
  --muted: 220 14.2857% 95.8824%;
  --muted-foreground: 220 8.9362% 46.0784%;
  --accent: 226.4516 100% 93.9216%;
  --accent-foreground: 216.9231 19.1176% 26.6667%;
  --destructive: 0 84.2365% 60.1961%;
  --destructive-foreground: 0 0% 100%;
  --border: 216 12.1951% 83.9216%;
  --input: 216 12.1951% 83.9216%;
  --ring: 238.7324 83.5294% 66.6667%;
  --chart-1: 238.7324 83.5294% 66.6667%;
  --chart-2: 243.3962 75.3555% 58.6275%;
  --chart-3: 244.5205 57.9365% 50.5882%;
  --chart-4: 243.6522 54.5024% 41.3725%;
  --chart-5: 242.1687 47.4286% 34.3137%;
  --sidebar: 220 14.2857% 95.8824%;
  --sidebar-foreground: 217.2414 32.5843% 17.451%;
  --sidebar-primary: 238.7324 83.5294% 66.6667%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 226.4516 100% 93.9216%;
  --sidebar-accent-foreground: 216.9231 19.1176% 26.6667%;
  --sidebar-border: 216 12.1951% 83.9216%;
  --sidebar-ring: 238.7324 83.5294% 66.6667%;
  --font-sans: Giest, sans-serif;
  --font-serif: Giest, serif;
  --font-mono: JetBrains Mono, monospace;
  --radius: 0.5rem;
  --shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
  --shadow-sm: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1);
  --shadow: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1);
  --shadow-md: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1);
  --shadow-lg: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1);
  --shadow-xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
  --spacing: 0.25rem;
}

.dark {
  --background: 222.2222 47.3684% 11.1765%;
  --foreground: 214.2857 31.8182% 91.3725%;
  --card: 217.2414 32.5843% 17.451%;
  --card-foreground: 214.2857 31.8182% 91.3725%;
  --popover: 217.2414 32.5843% 17.451%;
  --popover-foreground: 214.2857 31.8182% 91.3725%;
  --primary: 234.4538 89.4737% 73.9216%;
  --primary-foreground: 222.2222 47.3684% 11.1765%;
  --secondary: 217.7778 23.0769% 22.9412%;
  --secondary-foreground: 216 12.1951% 83.9216%;
  --muted: 217.2414 32.5843% 17.451%;
  --muted-foreground: 217.8947 10.6145% 64.902%;
  --accent: 216.9231 19.1176% 26.6667%;
  --accent-foreground: 216 12.1951% 83.9216%;
  --destructive: 0 84.2365% 60.1961%;
  --destructive-foreground: 222.2222 47.3684% 11.1765%;
  --border: 215 13.7931% 34.1176%;
  --input: 215 13.7931% 34.1176%;
  --ring: 234.4538 89.4737% 73.9216%;
  --chart-1: 234.4538 89.4737% 73.9216%;
  --chart-2: 238.7324 83.5294% 66.6667%;
  --chart-3: 243.3962 75.3555% 58.6275%;
  --chart-4: 244.5205 57.9365% 50.5882%;
  --chart-5: 243.6522 54.5024% 41.3725%;
  --sidebar: 217.2414 32.5843% 17.451%;
  --sidebar-foreground: 214.2857 31.8182% 91.3725%;
  --sidebar-primary: 234.4538 89.4737% 73.9216%;
  --sidebar-primary-foreground: 222.2222 47.3684% 11.1765%;
  --sidebar-accent: 216.9231 19.1176% 26.6667%;
  --sidebar-accent-foreground: 216 12.1951% 83.9216%;
  --sidebar-border: 215 13.7931% 34.1176%;
  --sidebar-ring: 234.4538 89.4737% 73.9216%;
  --font-sans: Giest, sans-serif;
  --font-serif: Giest, serif;
  --font-mono: JetBrains Mono, monospace;
  --radius: 0.5rem;
  --shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
  --shadow-sm: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1);
  --shadow: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1);
  --shadow-md: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1);
  --shadow-lg: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1);
  --shadow-xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);
}