:root {
  --background: 0 0% 100%;
  --foreground: 0 0% 20%;
  --card: 0 0% 100%;
  --card-foreground: 0 0% 20%;
  --popover: 0 0% 100%;
  --popover-foreground: 0 0% 20%;
  --primary: 208 41% 29%;
  --primary-foreground: 0 0% 100%;
  --secondary: 210 20% 95%;
  --secondary-foreground: 210 25% 30%;
  --muted: 212 15% 97%;
  --muted-foreground: 210 12% 45%;
  --accent: 212 35% 92%;
  --accent-foreground: 208 45% 25%;
  --destructive: 0 84% 60%;
  --destructive-foreground: 0 0% 100%;
  --border: 210 15% 88%;
  --input: 210 15% 88%;
  --ring: 208 41% 35%;
  --chart-1: 208 41% 35%;
  --chart-2: 210 45% 42%;
  --chart-3: 212 50% 48%;
  --chart-4: 215 55% 55%;
  --chart-5: 218 60% 62%;
  --sidebar: 212 15% 97%;
  --sidebar-foreground: 0 0% 20%;
  --sidebar-primary: 208 41% 35%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 212 35% 92%;
  --sidebar-accent-foreground: 208 45% 25%;
  --sidebar-border: 210 15% 88%;
  --sidebar-ring: 208 41% 35%;
  --font-sans: Inter, sans-serif;
  --font-serif: Source Serif 4, serif;
  --font-mono: JetBrains Mono, monospace;
  --radius: 0.375rem;
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
  --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
  --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
  --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
  --spacing: 0.25rem;
}

.dark {
  --background: 208 15% 8%;
  --foreground: 210 15% 90%;
  --card: 208 20% 12%;
  --card-foreground: 210 15% 90%;
  --popover: 208 20% 12%;
  --popover-foreground: 210 15% 90%;
  --primary: 208 41% 35%;
  --primary-foreground: 0 0% 100%;
  --secondary: 208 20% 15%;
  --secondary-foreground: 210 15% 90%;
  --muted: 208 20% 15%;
  --muted-foreground: 210 10% 65%;
  --accent: 208 35% 22%;
  --accent-foreground: 212 40% 85%;
  --destructive: 0 84% 60%;
  --destructive-foreground: 0 0% 100%;
  --border: 208 15% 25%;
  --input: 208 15% 25%;
  --ring: 208 41% 45%;
  --chart-1: 208 45% 55%;
  --chart-2: 210 50% 60%;
  --chart-3: 212 55% 65%;
  --chart-4: 215 60% 70%;
  --chart-5: 218 65% 75%;
  --sidebar: 208 15% 8%;
  --sidebar-foreground: 210 15% 90%;
  --sidebar-primary: 208 41% 45%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 208 35% 22%;
  --sidebar-accent-foreground: 212 40% 85%;
  --sidebar-border: 208 15% 25%;
  --sidebar-ring: 208 41% 45%;
  --font-sans: Inter, sans-serif;
  --font-serif: Source Serif 4, serif;
  --font-mono: JetBrains Mono, monospace;
  --radius: 0.375rem;
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
  --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
  --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
  --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
}