/* Auto-generated theme CSS - DO NOT EDIT */
/* Generated by scripts/build-theme.js */

:root {
  --background: 222 84% 5%;
  --foreground: 210 40% 98%;
  --primary: 200 90% 52%;
  --primaryForeground: 0 0% 100%;
  --secondary: 180 80% 35%;
  --secondaryForeground: 0 0% 100%;
  --card: 250 20% 10%;
  --cardForeground: 210 40% 98%;
  --border: 215 25% 27%;
  --muted: 222 14% 10%;
  --mutedForeground: 215 16% 65%;
  --accent: 215 25% 27%;
  --accentForeground: 210 40% 98%;
  --popover: 222 84% 5%;
  --popoverForeground: 210 40% 98%;
  --destructive: 0 84.2% 60.2%;
  --destructiveForeground: 0 0% 98%;
  --input: 215 25% 27%;
  --ring: 220 90% 52%;
  --radius: 0.5rem;
  --chart1: 220 90% 52%;
  --chart2: 180 80% 35%;
  --chart3: 262 83% 58%;
  --chart4: 151 55% 25%;
  --chart5: 39 70% 60%;
  --sidebar-background: 222 84% 5%;
  --sidebar-foreground: 210 40% 98%;
  --sidebar-primary: 220 90% 22%;
  --sidebar-primaryForeground: 0 0% 100%;
  --sidebar-accent: 222 84% 15%;
  --sidebar-accentForeground: 210 40% 98%;
  --sidebar-border: 215 25% 27%;
  --sidebar-ring: 220 90% 52%;
}

/* Ensure dark mode is applied */
:root {
  color-scheme: dark;
}

/* Additional theme-specific styles */
.dark {
  color-scheme: dark;
}

/* Prevent flash of unstyled content */
html {
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
}

/* Ensure body has theme colors immediately */
body {
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
}