@tailwind base;
@tailwind components;
@tailwind utilities;

/* Default Theme */
:root {
  --background: 55.0000 30.0000% 92.1569%;
  --foreground: 15.6522 15.4362% 29.2157%;
  --card: 55.0000 30.0000% 92.1569%;
  --card-foreground: 15.6522 15.4362% 29.2157%;
  --popover: 0 0% 100%;
  --popover-foreground: 15.6522 15.4362% 29.2157%;
  --primary: 18.0952 25.5061% 51.5686%;
  --primary-foreground: 0 0% 100%;
  --secondary: 37.5000 22.4719% 65.0980%;
  --secondary-foreground: 0 0% 100%;
  --muted: 20.4545 44.8980% 80.7843%;
  --muted-foreground: 13.7500 21.0526% 44.7059%;
  --accent: 20.4545 44.8980% 80.7843%;
  --accent-foreground: 15.6522 15.4362% 29.2157%;
  --destructive: 22.5000 14.8148% 10.5882%;
  --destructive-foreground: 0 0% 100%;
  --border: 37.5000 22.4719% 65.0980%;
  --input: 37.5000 22.4719% 65.0980%;
  --ring: 18.0952 25.5061% 51.5686%;
  --chart-1: 18.0952 25.5061% 51.5686%;
  --chart-2: 13.7500 21.0526% 44.7059%;
  --chart-3: 22.3729 32.9609% 64.9020%;
  --chart-4: 37.5000 22.4719% 65.0980%;
  --chart-5: 22.3256 18.7773% 55.0980%;
  --sidebar: 20.6250 44.4444% 85.8824%;
  --sidebar-foreground: 15.6522 15.4362% 29.2157%;
  --sidebar-primary: 18.0952 25.5061% 51.5686%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 22.3729 32.9609% 64.9020%;
  --sidebar-accent-foreground: 0 0% 100%;
  --sidebar-border: 22.3256 18.7773% 55.0980%;
  --sidebar-ring: 18.0952 25.5061% 51.5686%;
  --font-sans: DM Sans, sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: Menlo, monospace;
  --radius: 0.5rem;
  --shadow-2xs: 2px 2px 0px 0px hsl(20 18% 51% / 0.06);
  --shadow-xs: 2px 2px 0px 0px hsl(20 18% 51% / 0.06);
  --shadow-sm: 2px 2px 0px 0px hsl(20 18% 51% / 0.11), 2px 1px 2px -1px hsl(20 18% 51% / 0.11);
  --shadow: 2px 2px 0px 0px hsl(20 18% 51% / 0.11), 2px 1px 2px -1px hsl(20 18% 51% / 0.11);
  --shadow-md: 2px 2px 0px 0px hsl(20 18% 51% / 0.11), 2px 2px 4px -1px hsl(20 18% 51% / 0.11);
  --shadow-lg: 2px 2px 0px 0px hsl(20 18% 51% / 0.11), 2px 4px 6px -1px hsl(20 18% 51% / 0.11);
  --shadow-xl: 2px 2px 0px 0px hsl(20 18% 51% / 0.11), 2px 8px 10px -1px hsl(20 18% 51% / 0.11);
  --shadow-2xl: 2px 2px 0px 0px hsl(20 18% 51% / 0.28);
  --tracking-normal: 0em;
  --spacing: 0.25rem;
}

.dark {
  --background: 20 15.3846% 15.2941%;
  --foreground: 55.0000 30.0000% 92.1569%;
  --card: 21.4286 13.2075% 20.7843%;
  --card-foreground: 55.0000 30.0000% 92.1569%;
  --popover: 21.4286 13.2075% 20.7843%;
  --popover-foreground: 55.0000 30.0000% 92.1569%;
  --primary: 22.3729 32.9609% 64.9020%;
  --primary-foreground: 20 15.3846% 15.2941%;
  --secondary: 13.7500 21.0526% 44.7059%;
  --secondary-foreground: 55.0000 30.0000% 92.1569%;
  --muted: 15.6522 15.4362% 29.2157%;
  --muted-foreground: 21.4286 26.5823% 69.0196%;
  --accent: 37.5000 22.4719% 65.0980%;
  --accent-foreground: 20 15.3846% 15.2941%;
  --destructive: 0 68.6747% 67.4510%;
  --destructive-foreground: 20 15.3846% 15.2941%;
  --border: 15.6522 15.4362% 29.2157%;
  --input: 15.6522 15.4362% 29.2157%;
  --ring: 22.3729 32.9609% 64.9020%;
  --chart-1: 22.3729 32.9609% 64.9020%;
  --chart-2: 37.5000 22.4719% 65.0980%;
  --chart-3: 18.0952 25.5061% 51.5686%;
  --chart-4: 13.7500 21.0526% 44.7059%;
  --chart-5: 22.3256 18.7773% 55.0980%;
  --sidebar: 22.5000 14.8148% 10.5882%;
  --sidebar-foreground: 55.0000 30.0000% 92.1569%;
  --sidebar-primary: 22.3729 32.9609% 64.9020%;
  --sidebar-primary-foreground: 22.5000 14.8148% 10.5882%;
  --sidebar-accent: 37.5000 22.4719% 65.0980%;
  --sidebar-accent-foreground: 22.5000 14.8148% 10.5882%;
  --sidebar-border: 15.6522 15.4362% 29.2157%;
  --sidebar-ring: 22.3729 32.9609% 64.9020%;
  --font-sans: DM Sans, sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: Menlo, monospace;
  --radius: 0.5rem;
  --shadow-2xs: 2px 2px 0px 0px hsl(20 18% 30% / 0.06);
  --shadow-xs: 2px 2px 0px 0px hsl(20 18% 30% / 0.06);
  --shadow-sm: 2px 2px 0px 0px hsl(20 18% 30% / 0.11), 2px 1px 2px -1px hsl(20 18% 30% / 0.11);
  --shadow: 2px 2px 0px 0px hsl(20 18% 30% / 0.11), 2px 1px 2px -1px hsl(20 18% 30% / 0.11);
  --shadow-md: 2px 2px 0px 0px hsl(20 18% 30% / 0.11), 2px 2px 4px -1px hsl(20 18% 30% / 0.11);
  --shadow-lg: 2px 2px 0px 0px hsl(20 18% 30% / 0.11), 2px 4px 6px -1px hsl(20 18% 30% / 0.11);
  --shadow-xl: 2px 2px 0px 0px hsl(20 18% 30% / 0.11), 2px 8px 10px -1px hsl(20 18% 30% / 0.11);
  --shadow-2xl: 2px 2px 0px 0px hsl(20 18% 30% / 0.28);
}

/* Nature Theme */
.theme-nature {
  --background: 37.5000 36.3636% 95.6863%;
  --foreground: 8.8889 27.8351% 19.0196%;
  --card: 37.5000 36.3636% 95.6863%;
  --card-foreground: 8.8889 27.8351% 19.0196%;
  --popover: 37.5000 36.3636% 95.6863%;
  --popover-foreground: 8.8889 27.8351% 19.0196%;
  --primary: 123.0380 46.1988% 33.5294%;
  --primary-foreground: 0 0% 100%;
  --secondary: 124.6154 39.3939% 93.5294%;
  --secondary-foreground: 124.4776 55.3719% 23.7255%;
  --muted: 33.7500 34.7826% 90.9804%;
  --muted-foreground: 15.0000 25.2874% 34.1176%;
  --accent: 122 37.5000% 84.3137%;
  --accent-foreground: 124.4776 55.3719% 23.7255%;
  --destructive: 0 66.3866% 46.6667%;
  --destructive-foreground: 0 0% 100%;
  --border: 33.9130 27.0588% 83.3333%;
  --input: 33.9130 27.0588% 83.3333%;
  --ring: 123.0380 46.1988% 33.5294%;
  --chart-1: 122.4242 39.4422% 49.2157%;
  --chart-2: 122.7907 43.4343% 38.8235%;
  --chart-3: 123.0380 46.1988% 33.5294%;
  --chart-4: 124.4776 55.3719% 23.7255%;
  --chart-5: 125.7143 51.2195% 8.0392%;
  --sidebar: 33.7500 34.7826% 90.9804%;
  --sidebar-foreground: 8.8889 27.8351% 19.0196%;
  --sidebar-primary: 123.0380 46.1988% 33.5294%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 122 37.5000% 84.3137%;
  --sidebar-accent-foreground: 124.4776 55.3719% 23.7255%;
  --sidebar-border: 33.9130 27.0588% 83.3333%;
  --sidebar-ring: 123.0380 46.1988% 33.5294%;
  --font-sans: Montserrat, sans-serif;
  --font-serif: Merriweather, serif;
  --font-mono: Source Code Pro, monospace;
  --radius: 0.5rem;
  --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;
}

.theme-modern.dark {
  --background: 223.8136 0.0000% 3.9388%;
  --foreground: 223.8136 0.0004% 98.0256%;
  --card: 223.8136 0.0000% 9.0527%;
  --card-foreground: 223.8136 0.0004% 98.0256%;
  --popover: 223.8136 0.0000% 14.9382%;
  --popover-foreground: 223.8136 0.0004% 98.0256%;
  --primary: 223.8136 0.0001% 89.8161%;
  --primary-foreground: 223.8136 0.0000% 9.0527%;
  --secondary: 223.8136 0.0000% 14.9382%;
  --secondary-foreground: 223.8136 0.0004% 98.0256%;
  --muted: 223.8136 0.0000% 14.9382%;
  --muted-foreground: 223.8136 0.0000% 63.0163%;
  --accent: 223.8136 0.0000% 25.0471%;
  --accent-foreground: 223.8136 0.0004% 98.0256%;
  --destructive: 358.7594 101.8439% 69.8357%;
  --destructive-foreground: 223.8136 0.0004% 98.0256%;
  --border: 223.8136 0.0000% 15.5096%;
  --input: 223.8136 0.0000% 20.3885%;
  --ring: 223.8136 0.0000% 45.1519%;
  --chart-1: 211.7880 101.9718% 78.6759%;
  --chart-2: 217.4076 91.3672% 59.5787%;
  --chart-3: 221.4336 86.3731% 54.0624%;
  --chart-4: 223.6587 78.7180% 47.8635%;
  --chart-5: 226.5426 70.0108% 39.9224%;
  --sidebar: 223.8136 0.0000% 9.0527%;
  --sidebar-foreground: 223.8136 0.0004% 98.0256%;
  --sidebar-primary: 225.3451 84.0953% 48.9841%;
  --sidebar-primary-foreground: 223.8136 0.0004% 98.0256%;
  --sidebar-accent: 223.8136 0.0000% 14.9382%;
  --sidebar-accent-foreground: 223.8136 0.0004% 98.0256%;
  --sidebar-border: 223.8136 0.0000% 15.5096%;
  --sidebar-ring: 223.8136 0.0000% 32.1993%;
  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --radius: 0.625rem;
  --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);
}

@layer base {
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-foreground;
  }
}

.hide-scroll::-webkit-scrollbar {
  display: none;
}

.hide-scroll {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}

.dark ::-webkit-scrollbar-thumb {
  background: #475569;
}

::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

.dark ::-webkit-scrollbar-thumb:hover {
  background: #64748b;
}

.theme-nature.dark {
  --background: 132.8571 20% 13.7255%;
  --foreground: 32.7273 26.8293% 91.9608%;
  --card: 124.6154 12.6214% 20.1961%;
  --card-foreground: 32.7273 26.8293% 91.9608%;
  --popover: 124.6154 12.6214% 20.1961%;
  --popover-foreground: 32.7273 26.8293% 91.9608%;
  --primary: 122.4242 39.4422% 49.2157%;
  --primary-foreground: 125.7143 51.2195% 8.0392%;
  --secondary: 115.3846 9.6296% 26.4706%;
  --secondary-foreground: 114.0000 13.8889% 85.8824%;
  --muted: 124.6154 12.6214% 20.1961%;
  --muted-foreground: 34.7368 19.1919% 80.5882%;
  --accent: 122.7907 43.4343% 38.8235%;
  --accent-foreground: 32.7273 26.8293% 91.9608%;
  --destructive: 0 66.3866% 46.6667%;
  --destructive-foreground: 32.7273 26.8293% 91.9608%;
  --border: 115.3846 9.6296% 26.4706%;
  --input: 115.3846 9.6296% 26.4706%;
  --ring: 122.4242 39.4422% 49.2157%;
  --chart-1: 122.5714 38.4615% 64.3137%;
  --chart-2: 122.8235 38.4615% 56.6667%;
  --chart-3: 122.4242 39.4422% 49.2157%;
  --chart-4: 122.5806 40.9692% 44.5098%;
  --chart-5: 122.7907 43.4343% 38.8235%;
  --sidebar: 132.8571 20% 13.7255%;
  --sidebar-foreground: 32.7273 26.8293% 91.9608%;
  --sidebar-primary: 122.4242 39.4422% 49.2157%;
  --sidebar-primary-foreground: 125.7143 51.2195% 8.0392%;
  --sidebar-accent: 122.7907 43.4343% 38.8235%;
  --sidebar-accent-foreground: 32.7273 26.8293% 91.9608%;
  --sidebar-border: 115.3846 9.6296% 26.4706%;
  --sidebar-ring: 122.4242 39.4422% 49.2157%;
  --font-sans: Montserrat, sans-serif;
  --font-serif: Merriweather, serif;
  --font-mono: Source Code Pro, monospace;
  --radius: 0.5rem;
  --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);
}

/* Neo Brutal Theme */
.theme-neo-brutal {
  --background: 0 0% 100%;
  --foreground: 0 0% 0%;
  --card: 0 0% 100%;
  --card-foreground: 0 0% 0%;
  --popover: 0 0% 100%;
  --popover-foreground: 0 0% 0%;
  --primary: 0 100% 60%;
  --primary-foreground: 0 0% 100%;
  --secondary: 60 100% 50%;
  --secondary-foreground: 0 0% 0%;
  --muted: 0 0% 94.1176%;
  --muted-foreground: 0 0% 20%;
  --accent: 216 100% 50%;
  --accent-foreground: 0 0% 100%;
  --destructive: 0 0% 0%;
  --destructive-foreground: 0 0% 100%;
  --border: 0 0% 0%;
  --input: 0 0% 0%;
  --ring: 0 100% 60%;
  --chart-1: 0 100% 60%;
  --chart-2: 60 100% 50%;
  --chart-3: 216 100% 50%;
  --chart-4: 120 100% 40%;
  --chart-5: 300 100% 40%;
  --sidebar: 0 0% 94.1176%;
  --sidebar-foreground: 0 0% 0%;
  --sidebar-primary: 0 100% 60%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 216 100% 50%;
  --sidebar-accent-foreground: 0 0% 100%;
  --sidebar-border: 0 0% 0%;
  --sidebar-ring: 0 100% 60%;
  --font-sans: DM Sans, sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: Space Mono, monospace;
  --radius: 0px;
  --shadow-2xs: 4px 4px 0px 0px hsl(0 0% 0% / 0.50);
  --shadow-xs: 4px 4px 0px 0px hsl(0 0% 0% / 0.50);
  --shadow-sm: 4px 4px 0px 0px hsl(0 0% 0% / 1.00), 4px 1px 2px -1px hsl(0 0% 0% / 1.00);
  --shadow: 4px 4px 0px 0px hsl(0 0% 0% / 1.00), 4px 1px 2px -1px hsl(0 0% 0% / 1.00);
  --shadow-md: 4px 4px 0px 0px hsl(0 0% 0% / 1.00), 4px 2px 4px -1px hsl(0 0% 0% / 1.00);
  --shadow-lg: 4px 4px 0px 0px hsl(0 0% 0% / 1.00), 4px 4px 6px -1px hsl(0 0% 0% / 1.00);
  --shadow-xl: 4px 4px 0px 0px hsl(0 0% 0% / 1.00), 4px 8px 10px -1px hsl(0 0% 0% / 1.00);
  --shadow-2xl: 4px 4px 0px 0px hsl(0 0% 0% / 2.50);
  --tracking-normal: 0em;
  --spacing: 0.25rem;
}

.theme-neo-brutal.dark {
  --background: 0 0% 0%;
  --foreground: 0 0% 100%;
  --card: 0 0% 20%;
  --card-foreground: 0 0% 100%;
  --popover: 0 0% 20%;
  --popover-foreground: 0 0% 100%;
  --primary: 0 100.0000% 70%;
  --primary-foreground: 0 0% 0%;
  --secondary: 60 100% 60%;
  --secondary-foreground: 0 0% 0%;
  --muted: 0 0% 20%;
  --muted-foreground: 0 0% 80%;
  --accent: 210 100% 60%;
  --accent-foreground: 0 0% 0%;
  --destructive: 0 0% 100%;
  --destructive-foreground: 0 0% 0%;
  --border: 0 0% 100%;
  --input: 0 0% 100%;
  --ring: 0 100.0000% 70%;
  --chart-1: 0 100.0000% 70%;
  --chart-2: 60 100% 60%;
  --chart-3: 210 100% 60%;
  --chart-4: 120 60.0000% 50%;
  --chart-5: 300 60.0000% 50%;
  --sidebar: 0 0% 0%;
  --sidebar-foreground: 0 0% 100%;
  --sidebar-primary: 0 100.0000% 70%;
  --sidebar-primary-foreground: 0 0% 0%;
  --sidebar-accent: 210 100% 60%;
  --sidebar-accent-foreground: 0 0% 0%;
  --sidebar-border: 0 0% 100%;
  --sidebar-ring: 0 100.0000% 70%;
  --font-sans: DM Sans, sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: Space Mono, monospace;
  --radius: 0px;
  --shadow-2xs: 4px 4px 0px 0px hsl(0 0% 0% / 0.50);
  --shadow-xs: 4px 4px 0px 0px hsl(0 0% 0% / 0.50);
  --shadow-sm: 4px 4px 0px 0px hsl(0 0% 0% / 1.00), 4px 1px 2px -1px hsl(0 0% 0% / 1.00);
  --shadow: 4px 4px 0px 0px hsl(0 0% 0% / 1.00), 4px 1px 2px -1px hsl(0 0% 0% / 1.00);
  --shadow-md: 4px 4px 0px 0px hsl(0 0% 0% / 1.00), 4px 2px 4px -1px hsl(0 0% 0% / 1.00);
  --shadow-lg: 4px 4px 0px 0px hsl(0 0% 0% / 1.00), 4px 4px 6px -1px hsl(0 0% 0% / 1.00);
  --shadow-xl: 4px 4px 0px 0px hsl(0 0% 0% / 1.00), 4px 8px 10px -1px hsl(0 0% 0% / 1.00);
  --shadow-2xl: 4px 4px 0px 0px hsl(0 0% 0% / 2.50);
}

/* Modern Theme */
.theme-modern {
  --background: 223.8136 -172.5242% 100.0000%;
  --foreground: 223.8136 0.0000% 3.9388%;
  --card: 223.8136 -172.5242% 100.0000%;
  --card-foreground: 223.8136 0.0000% 3.9388%;
  --popover: 223.8136 -172.5242% 100.0000%;
  --popover-foreground: 223.8136 0.0000% 3.9388%;
  --primary: 223.8136 0.0000% 9.0527%;
  --primary-foreground: 223.8136 0.0004% 98.0256%;
  --secondary: 223.8136 0.0002% 96.0587%;
  --secondary-foreground: 223.8136 0.0000% 9.0527%;
  --muted: 223.8136 0.0002% 96.0587%;
  --muted-foreground: 223.8136 0.0000% 45.1519%;
  --accent: 223.8136 0.0002% 96.0587%;
  --accent-foreground: 223.8136 0.0000% 9.0527%;
  --destructive: 351.7303 123.6748% 40.5257%;
  --destructive-foreground: 223.8136 -172.5242% 100.0000%;
  --border: 223.8136 0.0001% 89.8161%;
  --input: 223.8136 0.0001% 89.8161%;
  --ring: 223.8136 0.0000% 63.0163%;
  --chart-1: 211.7880 101.9718% 78.6759%;
  --chart-2: 217.4076 91.3672% 59.5787%;
  --chart-3: 221.4336 86.3731% 54.0624%;
  --chart-4: 223.6587 78.7180% 47.8635%;
  --chart-5: 226.5426 70.0108% 39.9224%;
  --sidebar: 223.8136 0.0004% 98.0256%;
  --sidebar-foreground: 223.8136 0.0000% 3.9388%;
  --sidebar-primary: 223.8136 0.0000% 9.0527%;
  --sidebar-primary-foreground: 223.8136 0.0004% 98.0256%;
  --sidebar-accent: 223.8136 0.0002% 96.0587%;
  --sidebar-accent-foreground: 223.8136 0.0000% 9.0527%;
  --sidebar-border: 223.8136 0.0001% 89.8161%;
  --sidebar-ring: 223.8136 0.0000% 63.0163%;
  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --radius: 0.625rem;
  --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;
}

/* === PASTEL DREAM THEME === */
.theme-pastel-dream {
  --background: 280 20% 98%;
  --foreground: 240 10% 20%;
  --card: 270 30% 96%;
  --card-foreground: 240 10% 20%;
  --popover: 270 30% 96%;
  --popover-foreground: 240 10% 20%;
  --primary: 280 80% 60%;
  --primary-foreground: 280 20% 95%;
  --secondary: 200 40% 70%;
  --secondary-foreground: 240 10% 20%;
  --muted: 270 20% 90%;
  --muted-foreground: 240 10% 40%;
  --accent: 320 70% 65%;
  --accent-foreground: 280 20% 95%;
  --destructive: 0 80% 60%;
  --destructive-foreground: 280 20% 95%;
  --border: 270 15% 80%;
  --input: 270 15% 80%;
  --ring: 280 80% 60%;
  --radius: 0.75rem;
  --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1);
  --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1);
  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tracking-normal: 0em;
  --spacing: 0.25rem;
}

.theme-pastel-dream.dark {
  --background: 280 10% 8%;
  --foreground: 280 15% 85%;
  --card: 280 12% 12%;
  --card-foreground: 280 15% 85%;
  --popover: 280 12% 12%;
  --popover-foreground: 280 15% 85%;
  --primary: 280 70% 55%;
  --primary-foreground: 280 10% 95%;
  --secondary: 200 50% 65%;
  --secondary-foreground: 280 10% 95%;
  --muted: 280 10% 15%;
  --muted-foreground: 280 10% 60%;
  --accent: 320 60% 60%;
  --accent-foreground: 280 10% 95%;
  --destructive: 0 70% 55%;
  --destructive-foreground: 280 10% 95%;
  --border: 280 10% 20%;
  --input: 280 10% 20%;
  --ring: 280 70% 55%;
}

/* === QUANTUM ROSE THEME === */
.theme-quantum-rose {
  --background: 330 90% 97%;
  --foreground: 320 20% 20%;
  --card: 330 85% 95%;
  --card-foreground: 320 20% 20%;
  --popover: 330 85% 95%;
  --popover-foreground: 320 20% 20%;
  --primary: 320 85% 60%;
  --primary-foreground: 330 20% 95%;
  --secondary: 240 70% 70%;
  --secondary-foreground: 320 20% 20%;
  --muted: 330 50% 90%;
  --muted-foreground: 320 20% 45%;
  --accent: 180 70% 60%;
  --accent-foreground: 330 20% 95%;
  --destructive: 0 80% 60%;
  --destructive-foreground: 330 20% 95%;
  --border: 330 60% 85%;
  --input: 330 60% 85%;
  --ring: 320 85% 60%;
  --radius: 1rem;
  --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1);
  --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1);
  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tracking-normal: 0em;
  --spacing: 0.25rem;
}

.theme-quantum-rose.dark {
  --background: 320 20% 8%;
  --foreground: 320 80% 85%;
  --card: 320 25% 12%;
  --card-foreground: 320 80% 85%;
  --popover: 320 25% 12%;
  --popover-foreground: 320 80% 85%;
  --primary: 320 75% 60%;
  --primary-foreground: 320 15% 95%;
  --secondary: 240 80% 65%;
  --secondary-foreground: 320 15% 95%;
  --muted: 320 20% 15%;
  --muted-foreground: 320 20% 60%;
  --accent: 180 70% 55%;
  --accent-foreground: 320 15% 95%;
  --destructive: 0 75% 60%;
  --destructive-foreground: 320 15% 95%;
  --border: 320 20% 25%;
  --input: 320 20% 25%;
  --ring: 320 75% 60%;
}

/* === MODERN THEME (already defined, just fixing syntax) === */
.theme-modern {
  --background: 223.8136 0% 100%;
  --foreground: 223.8136 0% 3.9388%;
  --card: 223.8136 0% 100%;
  --card-foreground: 223.8136 0% 3.9388%;
  --popover: 223.8136 0% 100%;
  --popover-foreground: 223.8136 0% 3.9388%;
  --primary: 223.8136 0% 9.0527%;
  --primary-foreground: 223.8136 0% 98.0256%;
  --secondary: 223.8136 0% 96.0587%;
  --secondary-foreground: 223.8136 0% 9.0527%;
  --muted: 223.8136 0% 96.0587%;
  --muted-foreground: 223.8136 0% 45.1519%;
  --accent: 223.8136 0% 96.0587%;
  --accent-foreground: 223.8136 0% 9.0527%;
  --destructive: 0 80% 60%;
  --destructive-foreground: 223.8136 0% 98.0256%;
  --border: 223.8136 0% 90%;
  --input: 223.8136 0% 90%;
  --ring: 223.8136 0% 9.0527%;
  --radius: 0.5rem;
  --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1);
  --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1);
  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tracking-normal: 0em;
  --spacing: 0.25rem;
}

.theme-modern.dark {
  --background: 223.8136 0% 3.9388%;
  --foreground: 223.8136 0% 98.0256%;
  --card: 223.8136 0% 7%;
  --card-foreground: 223.8136 0% 98.0256%;
  --popover: 223.8136 0% 7%;
  --popover-foreground: 223.8136 0% 98.0256%;
  --primary: 223.8136 0% 60%;
  --primary-foreground: 223.8136 0% 10%;
  --secondary: 223.8136 0% 12%;
  --secondary-foreground: 223.8136 0% 98.0256%;
  --muted: 223.8136 0% 10%;
  --muted-foreground: 223.8136 0% 60%;
  --accent: 223.8136 0% 12%;
  --accent-foreground: 223.8136 0% 98.0256%;
  --destructive: 0 80% 60%;
  --destructive-foreground: 223.8136 0% 98.0256%;
  --border: 223.8136 0% 15%;
  --input: 223.8136 0% 15%;
  --ring: 223.8136 0% 60%;
}

/* === TWITTER THEME === */
.theme-twitter {
  --background: 205 100% 98%;
  --foreground: 205 20% 20%;
  --card: 205 100% 96%;
  --card-foreground: 205 20% 20%;
  --popover: 205 100% 96%;
  --popover-foreground: 205 20% 20%;
  --primary: 205 100% 50%;
  --primary-foreground: 205 20% 95%;
  --secondary: 0 0% 90%;
  --secondary-foreground: 205 20% 20%;
  --muted: 205 50% 90%;
  --muted-foreground: 205 20% 50%;
  --accent: 15 100% 60%;
  --accent-foreground: 205 20% 95%;
  --destructive: 0 80% 60%;
  --destructive-foreground: 205 20% 95%;
  --border: 205 80% 85%;
  --input: 205 80% 85%;
  --ring: 205 100% 50%;
  --radius: 0.375rem;
  --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1);
  --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1);
  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tracking-normal: 0em;
  --spacing: 0.25rem;
}

.theme-twitter.dark {
  --background: 205 20% 6%;
  --foreground: 205 20% 90%;
  --card: 205 25% 10%;
  --card-foreground: 205 20% 90%;
  --popover: 205 25% 10%;
  --popover-foreground: 205 20% 90%;
  --primary: 205 100% 55%;
  --primary-foreground: 205 20% 95%;
  --secondary: 0 0% 20%;
  --secondary-foreground: 205 20% 90%;
  --muted: 205 20% 15%;
  --muted-foreground: 205 20% 60%;
  --accent: 15 100% 65%;
  --accent-foreground: 205 20% 95%;
  --destructive: 0 80% 60%;
  --destructive-foreground: 205 20% 95%;
  --border: 205 20% 25%;
  --input: 205 20% 25%;
  --ring: 205 100% 55%;
}

/* === AMBER MINIMAL THEME === */
.theme-amber-minimal {
  --background: 0 0% 100%;
  --foreground: 0 0% 14.9020%;
  --card: 0 0% 100%;
  --card-foreground: 0 0% 14.9020%;
  --popover: 0 0% 100%;
  --popover-foreground: 0 0% 14.9020%;
  --primary: 37.6923 92.1260% 50.1961%;
  --primary-foreground: 0 0% 0%;
  --secondary: 220.0000 14.2857% 95.8824%;
  --secondary-foreground: 215 13.7931% 34.1176%;
  --muted: 210 20.0000% 98.0392%;
  --muted-foreground: 220 8.9362% 46.0784%;
  --accent: 48.0000 100.0000% 96.0784%;
  --accent-foreground: 22.7273 82.5000% 31.3725%;
  --destructive: 0 84.2365% 60.1961%;
  --destructive-foreground: 0 0% 100%;
  --border: 220 13.0435% 90.9804%;
  --input: 220 13.0435% 90.9804%;
  --ring: 37.6923 92.1260% 50.1961%;
  --chart-1: 37.6923 92.1260% 50.1961%;
  --chart-2: 32.1327 94.6188% 43.7255%;
  --chart-3: 25.9649 90.4762% 37.0588%;
  --chart-4: 22.7273 82.5000% 31.3725%;
  --chart-5: 21.7143 77.7778% 26.4706%;
  --sidebar: 210 20.0000% 98.0392%;
  --sidebar-foreground: 0 0% 14.9020%;
  --sidebar-primary: 37.6923 92.1260% 50.1961%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 48.0000 100.0000% 96.0784%;
  --sidebar-accent-foreground: 22.7273 82.5000% 31.3725%;
  --sidebar-border: 220 13.0435% 90.9804%;
  --sidebar-ring: 37.6923 92.1260% 50.1961%;
  --font-sans: Inter, sans-serif;
  --font-serif: Source Serif 4, serif;
  --font-mono: JetBrains Mono, monospace;
  --radius: 0.375rem;
  --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.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);
  --shadow: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);
  --shadow-md: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 2px 4px -2px hsl(0 0% 0% / 0.10);
  --shadow-lg: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 4px 6px -2px hsl(0 0% 0% / 0.10);
  --shadow-xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 8px 10px -2px hsl(0 0% 0% / 0.10);
  --shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
  --spacing: 0.25rem;
}

.theme-amber-minimal.dark {
  --background: 0 0% 9.0196%;
  --foreground: 0 0% 89.8039%;
  --card: 0 0% 14.9020%;
  --card-foreground: 0 0% 89.8039%;
  --popover: 0 0% 14.9020%;
  --popover-foreground: 0 0% 89.8039%;
  --primary: 37.6923 92.1260% 50.1961%;
  --primary-foreground: 0 0% 0%;
  --secondary: 0 0% 14.9020%;
  --secondary-foreground: 0 0% 89.8039%;
  --muted: 0 0% 14.9020%;
  --muted-foreground: 0 0% 63.9216%;
  --accent: 22.7273 82.5000% 31.3725%;
  --accent-foreground: 48 96.6387% 76.6667%;
  --destructive: 0 84.2365% 60.1961%;
  --destructive-foreground: 0 0% 100%;
  --border: 0 0% 25.0980%;
  --input: 0 0% 25.0980%;
  --ring: 37.6923 92.1260% 50.1961%;
  --chart-1: 43.2558 96.4126% 56.2745%;
  --chart-2: 32.1327 94.6188% 43.7255%;
  --chart-3: 22.7273 82.5000% 31.3725%;
  --chart-4: 25.9649 90.4762% 37.0588%;
  --chart-5: 22.7273 82.5000% 31.3725%;
  --sidebar: 0 0% 5.8824%;
  --sidebar-foreground: 0 0% 89.8039%;
  --sidebar-primary: 37.6923 92.1260% 50.1961%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 22.7273 82.5000% 31.3725%;
  --sidebar-accent-foreground: 48 96.6387% 76.6667%;
  --sidebar-border: 0 0% 25.0980%;
  --sidebar-ring: 37.6923 92.1260% 50.1961%;
  --font-sans: Inter, sans-serif;
  --font-serif: Source Serif 4, serif;
  --font-mono: JetBrains Mono, monospace;
  --radius: 0.375rem;
  --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.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);
  --shadow: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);
  --shadow-md: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 2px 4px -2px hsl(0 0% 0% / 0.10);
  --shadow-lg: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 4px 6px -2px hsl(0 0% 0% / 0.10);
  --shadow-xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 8px 10px -2px hsl(0 0% 0% / 0.10);
  --shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);
}