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

:root {
  --background: 249 249 250;
  --foreground: 51 51 51;
  --card: 255 255 255;
  --card-foreground: 51 51 51;
  --popover: 255 255 255;
  --popover-foreground: 51 51 51;
  --primary: 52 168 90;
  --primary-foreground: 255 255 255;
  --secondary: 100 149 237;
  --secondary-foreground: 255 255 255;
  --muted: 221 217 196;
  --muted-foreground: 110 110 110;
  --accent: 102 217 239;
  --accent-foreground: 51 51 51;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 212 212 212;
  --input: 212 212 212;
  --ring: 52 168 90;
  --chart-1: 52 168 90;
  --chart-2: 100 149 237;
  --chart-3: 102 217 239;
  --chart-4: 70 130 180;
  --chart-5: 26 150 65;
  --sidebar: 249 249 250;
  --sidebar-foreground: 51 51 51;
  --sidebar-primary: 52 168 90;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 102 217 239;
  --sidebar-accent-foreground: 51 51 51;
  --sidebar-border: 212 212 212;
  --sidebar-ring: 52 168 90;
  --font-sans: Plus Jakarta Sans, sans-serif;
  --font-serif: Source Serif 4, serif;
  --font-mono: JetBrains Mono, 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);
}

.dark {
  --background: 26 29 35;
  --foreground: 229 229 229;
  --card: 47 52 54;
  --card-foreground: 229 229 229;
  --popover: 47 52 54;
  --popover-foreground: 229 229 229;
  --primary: 52 168 90;
  --primary-foreground: 255 255 255;
  --secondary: 70 130 180;
  --secondary-foreground: 229 229 229;
  --muted: 68 68 68;
  --muted-foreground: 163 163 163;
  --accent: 100 149 237;
  --accent-foreground: 229 229 229;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 68 68 68;
  --input: 68 68 68;
  --ring: 52 168 90;
  --chart-1: 52 168 90;
  --chart-2: 70 130 180;
  --chart-3: 100 149 237;
  --chart-4: 102 217 239;
  --chart-5: 26 150 65;
  --sidebar: 26 29 35;
  --sidebar-foreground: 229 229 229;
  --sidebar-primary: 52 168 90;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 100 149 237;
  --sidebar-accent-foreground: 229 229 229;
  --sidebar-border: 68 68 68;
  --sidebar-ring: 52 168 90;
  --font-sans: Plus Jakarta Sans, sans-serif;
  --font-serif: Source Serif 4, serif;
  --font-mono: JetBrains Mono, 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);
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover);
  --color-popover-foreground: var(--popover-foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-accent-foreground: var(--accent-foreground);
  --color-destructive: var(--destructive);
  --color-destructive-foreground: var(--destructive-foreground);
  --color-border: var(--border);
  --color-input: var(--input);
  --color-ring: var(--ring);
  --color-chart-1: var(--chart-1);
  --color-chart-2: var(--chart-2);
  --color-chart-3: var(--chart-3);
  --color-chart-4: var(--chart-4);
  --color-chart-5: var(--chart-5);
  --color-sidebar: var(--sidebar);
  --color-sidebar-foreground: var(--sidebar-foreground);
  --color-sidebar-primary: var(--sidebar-primary);
  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
  --color-sidebar-accent: var(--sidebar-accent);
  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
  --color-sidebar-border: var(--sidebar-border);
  --color-sidebar-ring: var(--sidebar-ring);

  --font-sans: var(--font-sans);
  --font-mono: var(--font-mono);
  --font-serif: var(--font-serif);

  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);

  --shadow-2xs: var(--shadow-2xs);
  --shadow-xs: var(--shadow-xs);
  --shadow-sm: var(--shadow-sm);
  --shadow: var(--shadow);
  --shadow-md: var(--shadow-md);
  --shadow-lg: var(--shadow-lg);
  --shadow-xl: var(--shadow-xl);
  --shadow-2xl: var(--shadow-2xl);
}

.theme-modern-minimal {
  --background: 255 255 255;
  --foreground: 51 51 51;
  --card: 255 255 255;
  --card-foreground: 51 51 51;
  --popover: 255 255 255;
  --popover-foreground: 51 51 51;
  --primary: 59 130 246;
  --primary-foreground: 255 255 255;
  --secondary: 243 244 246;
  --secondary-foreground: 75 85 99;
  --muted: 249 250 251;
  --muted-foreground: 107 114 128;
  --accent: 224 242 254;
  --accent-foreground: 30 58 138;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 229 231 235;
  --input: 229 231 235;
  --ring: 59 130 246;
  --chart-1: 59 130 246;
  --chart-2: 37 99 235;
  --chart-3: 29 78 216;
  --chart-4: 30 64 175;
  --chart-5: 30 58 138;
  --sidebar: 249 250 251;
  --sidebar-foreground: 51 51 51;
  --sidebar-primary: 59 130 246;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 224 242 254;
  --sidebar-accent-foreground: 30 58 138;
  --sidebar-border: 229 231 235;
  --sidebar-ring: 59 130 246;
}

.theme-twitter {
  --background: 255 255 255;
  --foreground: 15 20 25;
  --card: 247 248 248;
  --card-foreground: 15 20 25;
  --popover: 255 255 255;
  --popover-foreground: 15 20 25;
  --primary: 30 157 241;
  --primary-foreground: 255 255 255;
  --secondary: 15 20 25;
  --secondary-foreground: 255 255 255;
  --muted: 229 229 230;
  --muted-foreground: 15 20 25;
  --accent: 227 236 246;
  --accent-foreground: 30 157 241;
  --destructive: 244 33 46;
  --destructive-foreground: 255 255 255;
  --border: 225 234 239;
  --input: 247 249 250;
  --ring: 29 161 242;
  --chart-1: 30 157 241;
  --chart-2: 0 184 122;
  --chart-3: 247 185 40;
  --chart-4: 23 191 99;
  --chart-5: 224 36 94;
  --sidebar: 247 248 248;
  --sidebar-foreground: 15 20 25;
  --sidebar-primary: 30 157 241;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 227 236 246;
  --sidebar-accent-foreground: 30 157 241;
  --sidebar-border: 225 232 237;
  --sidebar-ring: 29 161 242;
}

.theme-sunset {
  --background: 255 248 241;
  --foreground: 124 45 18;
  --card: 255 255 255;
  --card-foreground: 124 45 18;
  --popover: 255 255 255;
  --popover-foreground: 124 45 18;
  --primary: 251 146 60;
  --primary-foreground: 255 255 255;
  --secondary: 239 68 68;
  --secondary-foreground: 255 255 255;
  --muted: 254 215 170;
  --muted-foreground: 154 52 18;
  --accent: 252 211 77;
  --accent-foreground: 124 45 18;
  --destructive: 185 28 28;
  --destructive-foreground: 255 255 255;
  --border: 251 191 36;
  --input: 251 191 36;
  --ring: 251 146 60;
  --chart-1: 251 146 60;
  --chart-2: 239 68 68;
  --chart-3: 252 211 77;
  --chart-4: 154 52 18;
  --chart-5: 124 45 18;
  --sidebar: 255 248 241;
  --sidebar-foreground: 124 45 18;
  --sidebar-primary: 251 146 60;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 252 211 77;
  --sidebar-accent-foreground: 124 45 18;
  --sidebar-border: 251 191 36;
  --sidebar-ring: 251 146 60;
}

.theme-midnight {
  --background: 17 7 27;
  --foreground: 243 232 255;
  --card: 30 27 75;
  --card-foreground: 243 232 255;
  --popover: 30 27 75;
  --popover-foreground: 243 232 255;
  --primary: 168 85 247;
  --primary-foreground: 255 255 255;
  --secondary: 99 102 241;
  --secondary-foreground: 255 255 255;
  --muted: 55 48 163;
  --muted-foreground: 196 181 253;
  --accent: 139 92 246;
  --accent-foreground: 243 232 255;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 76 29 149;
  --input: 76 29 149;
  --ring: 168 85 247;
  --chart-1: 168 85 247;
  --chart-2: 99 102 241;
  --chart-3: 139 92 246;
  --chart-4: 196 181 253;
  --chart-5: 55 48 163;
  --sidebar: 17 7 27;
  --sidebar-foreground: 243 232 255;
  --sidebar-primary: 168 85 247;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 139 92 246;
  --sidebar-accent-foreground: 243 232 255;
  --sidebar-border: 76 29 149;
  --sidebar-ring: 168 85 247;
}

.theme-rose {
  --background: 255 241 242;
  --foreground: 136 19 55;
  --card: 255 255 255;
  --card-foreground: 136 19 55;
  --popover: 255 255 255;
  --popover-foreground: 136 19 55;
  --primary: 244 63 94;
  --primary-foreground: 255 255 255;
  --secondary: 236 72 153;
  --secondary-foreground: 255 255 255;
  --muted: 253 164 175;
  --muted-foreground: 159 18 57;
  --accent: 251 113 133;
  --accent-foreground: 136 19 55;
  --destructive: 185 28 28;
  --destructive-foreground: 255 255 255;
  --border: 251 207 232;
  --input: 251 207 232;
  --ring: 244 63 94;
  --chart-1: 244 63 94;
  --chart-2: 236 72 153;
  --chart-3: 251 113 133;
  --chart-4: 159 18 57;
  --chart-5: 136 19 55;
  --sidebar: 255 241 242;
  --sidebar-foreground: 136 19 55;
  --sidebar-primary: 244 63 94;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 251 113 133;
  --sidebar-accent-foreground: 136 19 55;
  --sidebar-border: 251 207 232;
  --sidebar-ring: 244 63 94;
}

.theme-zinc {
  --background: 250 250 250;
  --foreground: 39 39 42;
  --card: 255 255 255;
  --card-foreground: 39 39 42;
  --popover: 255 255 255;
  --popover-foreground: 39 39 42;
  --primary: 113 113 122;
  --primary-foreground: 255 255 255;
  --secondary: 161 161 170;
  --secondary-foreground: 255 255 255;
  --muted: 228 228 231;
  --muted-foreground: 82 82 91;
  --accent: 212 212 216;
  --accent-foreground: 39 39 42;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 212 212 216;
  --input: 212 212 216;
  --ring: 113 113 122;
  --chart-1: 113 113 122;
  --chart-2: 161 161 170;
  --chart-3: 212 212 216;
  --chart-4: 82 82 91;
  --chart-5: 39 39 42;
  --sidebar: 250 250 250;
  --sidebar-foreground: 39 39 42;
  --sidebar-primary: 113 113 122;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 212 212 216;
  --sidebar-accent-foreground: 39 39 42;
  --sidebar-border: 212 212 216;
  --sidebar-ring: 113 113 122;
}

.dark.theme-ocean {
  --background: 0 32 65;
  --foreground: 240 249 255;
  --card: 7 50 90;
  --card-foreground: 240 249 255;
  --popover: 7 50 90;
  --popover-foreground: 240 249 255;
  --primary: 56 189 248;
  --primary-foreground: 0 32 65;
  --secondary: 37 99 235;
  --secondary-foreground: 240 249 255;
  --muted: 30 58 138;
  --muted-foreground: 147 197 253;
  --accent: 14 165 233;
  --accent-foreground: 240 249 255;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 30 58 138;
  --input: 30 58 138;
  --ring: 56 189 248;
  --chart-1: 56 189 248;
  --chart-2: 37 99 235;
  --chart-3: 14 165 233;
  --chart-4: 147 197 253;
  --chart-5: 240 249 255;
  --sidebar: 0 32 65;
  --sidebar-foreground: 240 249 255;
  --sidebar-primary: 56 189 248;
  --sidebar-primary-foreground: 0 32 65;
  --sidebar-accent: 14 165 233;
  --sidebar-accent-foreground: 240 249 255;
  --sidebar-border: 30 58 138;
  --sidebar-ring: 56 189 248;
}

.dark.theme-forest {
  --background: 6 26 15;
  --foreground: 240 253 244;
  --card: 20 83 45;
  --card-foreground: 240 253 244;
  --popover: 20 83 45;
  --popover-foreground: 240 253 244;
  --primary: 134 239 172;
  --primary-foreground: 6 26 15;
  --secondary: 74 222 128;
  --secondary-foreground: 6 26 15;
  --muted: 21 87 36;
  --muted-foreground: 187 247 208;
  --accent: 46 125 50;
  --accent-foreground: 240 253 244;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 21 87 36;
  --input: 21 87 36;
  --ring: 134 239 172;
  --chart-1: 134 239 172;
  --chart-2: 74 222 128;
  --chart-3: 46 125 50;
  --chart-4: 187 247 208;
  --chart-5: 240 253 244;
  --sidebar: 6 26 15;
  --sidebar-foreground: 240 253 244;
  --sidebar-primary: 134 239 172;
  --sidebar-primary-foreground: 6 26 15;
  --sidebar-accent: 46 125 50;
  --sidebar-accent-foreground: 240 253 244;
  --sidebar-border: 21 87 36;
  --sidebar-ring: 134 239 172;
}

.dark.theme-sunset {
  --background: 67 20 7;
  --foreground: 255 237 213;
  --card: 124 45 18;
  --card-foreground: 255 237 213;
  --popover: 124 45 18;
  --popover-foreground: 255 237 213;
  --primary: 251 146 60;
  --primary-foreground: 67 20 7;
  --secondary: 252 211 77;
  --secondary-foreground: 67 20 7;
  --muted: 154 52 18;
  --muted-foreground: 254 215 170;
  --accent: 239 68 68;
  --accent-foreground: 255 237 213;
  --destructive: 185 28 28;
  --destructive-foreground: 255 255 255;
  --border: 154 52 18;
  --input: 154 52 18;
  --ring: 251 146 60;
  --chart-1: 251 146 60;
  --chart-2: 252 211 77;
  --chart-3: 239 68 68;
  --chart-4: 254 215 170;
  --chart-5: 255 237 213;
  --sidebar: 67 20 7;
  --sidebar-foreground: 255 237 213;
  --sidebar-primary: 251 146 60;
  --sidebar-primary-foreground: 67 20 7;
  --sidebar-accent: 239 68 68;
  --sidebar-accent-foreground: 255 237 213;
  --sidebar-border: 154 52 18;
  --sidebar-ring: 251 146 60;
}

.dark.theme-midnight {
  --background: 17 7 27;
  --foreground: 243 232 255;
  --card: 30 27 75;
  --card-foreground: 243 232 255;
  --popover: 30 27 75;
  --popover-foreground: 243 232 255;
  --primary: 168 85 247;
  --primary-foreground: 255 255 255;
  --secondary: 99 102 241;
  --secondary-foreground: 255 255 255;
  --muted: 55 48 163;
  --muted-foreground: 196 181 253;
  --accent: 139 92 246;
  --accent-foreground: 243 232 255;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 76 29 149;
  --input: 76 29 149;
  --ring: 168 85 247;
  --chart-1: 168 85 247;
  --chart-2: 99 102 241;
  --chart-3: 139 92 246;
  --chart-4: 196 181 253;
  --chart-5: 55 48 163;
  --sidebar: 17 7 27;
  --sidebar-foreground: 243 232 255;
  --sidebar-primary: 168 85 247;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 139 92 246;
  --sidebar-accent-foreground: 243 232 255;
  --sidebar-border: 76 29 149;
  --sidebar-ring: 168 85 247;
}

.dark.theme-rose {
  --background: 76 5 25;
  --foreground: 255 228 230;
  --card: 136 19 55;
  --card-foreground: 255 228 230;
  --popover: 136 19 55;
  --popover-foreground: 255 228 230;
  --primary: 251 113 133;
  --primary-foreground: 76 5 25;
  --secondary: 244 63 94;
  --secondary-foreground: 255 228 230;
  --muted: 159 18 57;
  --muted-foreground: 253 164 175;
  --accent: 236 72 153;
  --accent-foreground: 255 228 230;
  --destructive: 185 28 28;
  --destructive-foreground: 255 255 255;
  --border: 159 18 57;
  --input: 159 18 57;
  --ring: 251 113 133;
  --chart-1: 251 113 133;
  --chart-2: 244 63 94;
  --chart-3: 236 72 153;
  --chart-4: 253 164 175;
  --chart-5: 255 228 230;
  --sidebar: 76 5 25;
  --sidebar-foreground: 255 228 230;
  --sidebar-primary: 251 113 133;
  --sidebar-primary-foreground: 76 5 25;
  --sidebar-accent: 236 72 153;
  --sidebar-accent-foreground: 255 228 230;
  --sidebar-border: 159 18 57;
  --sidebar-ring: 251 113 133;
}

.dark.theme-zinc {
  --background: 24 24 27;
  --foreground: 244 244 245;
  --card: 39 39 42;
  --card-foreground: 244 244 245;
  --popover: 39 39 42;
  --popover-foreground: 244 244 245;
  --primary: 161 161 170;
  --primary-foreground: 24 24 27;
  --secondary: 113 113 122;
  --secondary-foreground: 244 244 245;
  --muted: 63 63 70;
  --muted-foreground: 161 161 170;
  --accent: 82 82 91;
  --accent-foreground: 244 244 245;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 63 63 70;
  --input: 63 63 70;
  --ring: 161 161 170;
  --chart-1: 161 161 170;
  --chart-2: 113 113 122;
  --chart-3: 82 82 91;
  --chart-4: 212 212 216;
  --chart-5: 244 244 245;
  --sidebar: 24 24 27;
  --sidebar-foreground: 244 244 245;
  --sidebar-primary: 161 161 170;
  --sidebar-primary-foreground: 24 24 27;
  --sidebar-accent: 82 82 91;
  --sidebar-accent-foreground: 244 244 245;
  --sidebar-border: 63 63 70;
  --sidebar-ring: 161 161 170;
}

@layer base {
    body {
        font-family: var(--font-sans);
        letter-spacing: var(--tracking-normal);
    }
}
.theme-t3-chat {
  --background: 250 245 250;
  --foreground: 80 24 84;
  --card: 250 245 250;
  --card-foreground: 80 24 84;
  --popover: 255 255 255;
  --popover-foreground: 80 24 84;
  --primary: 168 67 112;
  --primary-foreground: 255 255 255;
  --secondary: 241 196 230;
  --secondary-foreground: 119 52 124;
  --muted: 246 229 243;
  --muted-foreground: 131 69 136;
  --accent: 241 196 230;
  --accent-foreground: 119 52 124;
  --destructive: 171 67 71;
  --destructive-foreground: 255 255 255;
  --border: 239 189 235;
  --input: 231 193 220;
  --ring: 219 39 119;
  --chart-1: 217 38 162;
  --chart-2: 108 18 185;
  --chart-3: 39 71 84;
  --chart-4: 232 196 104;
  --chart-5: 244 164 98;
  --sidebar: 243 228 246;
  --sidebar-foreground: 172 22 104;
  --sidebar-primary: 69 69 84;
  --sidebar-primary-foreground: 250 241 247;
  --sidebar-accent: 248 248 247;
  --sidebar-accent-foreground: 69 69 84;
  --sidebar-border: 236 234 233;
  --sidebar-ring: 219 39 119;
}

.theme-catppuccin {
  --background: 239 241 245;
  --foreground: 76 79 105;
  --card: 220 224 232;
  --card-foreground: 76 79 105;
  --popover: 255 255 255;
  --popover-foreground: 76 79 105;
  --primary: 138 173 244;
  --primary-foreground: 76 79 105;
  --secondary: 220 224 232;
  --secondary-foreground: 76 79 105;
  --muted: 230 233 239;
  --muted-foreground: 108 112 134;
  --accent: 166 227 161;
  --accent-foreground: 76 79 105;
  --destructive: 210 15 57;
  --destructive-foreground: 255 255 255;
  --border: 204 208 218;
  --input: 204 208 218;
  --ring: 138 173 244;
  --chart-1: 138 173 244;
  --chart-2: 166 227 161;
  --chart-3: 250 179 135;
  --chart-4: 245 169 184;
  --chart-5: 203 166 247;
  --sidebar: 239 241 245;
  --sidebar-foreground: 76 79 105;
  --sidebar-primary: 138 173 244;
  --sidebar-primary-foreground: 76 79 105;
  --sidebar-accent: 166 227 161;
  --sidebar-accent-foreground: 76 79 105;
  --sidebar-border: 204 208 218;
  --sidebar-ring: 138 173 244;
}

.theme-supabase {
  --background: 252 252 252;
  --foreground: 15 23 42;
  --card: 255 255 255;
  --card-foreground: 15 23 42;
  --popover: 255 255 255;
  --popover-foreground: 15 23 42;
  --primary: 62 207 142;
  --primary-foreground: 255 255 255;
  --secondary: 245 245 245;
  --secondary-foreground: 51 65 85;
  --muted: 248 250 252;
  --muted-foreground: 100 116 139;
  --accent: 240 253 244;
  --accent-foreground: 22 101 52;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 226 232 240;
  --input: 226 232 240;
  --ring: 62 207 142;
  --chart-1: 62 207 142;
  --chart-2: 34 197 94;
  --chart-3: 132 204 22;
  --chart-4: 234 179 8;
  --chart-5: 251 146 60;
  --sidebar: 252 252 252;
  --sidebar-foreground: 15 23 42;
  --sidebar-primary: 62 207 142;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 240 253 244;
  --sidebar-accent-foreground: 22 101 52;
  --sidebar-border: 226 232 240;
  --sidebar-ring: 62 207 142;
}

.theme-vercel {
  --background: 255 255 255;
  --foreground: 0 0 0;
  --card: 255 255 255;
  --card-foreground: 0 0 0;
  --popover: 255 255 255;
  --popover-foreground: 0 0 0;
  --primary: 0 0 0;
  --primary-foreground: 255 255 255;
  --secondary: 250 250 250;
  --secondary-foreground: 0 0 0;
  --muted: 245 245 245;
  --muted-foreground: 115 115 115;
  --accent: 245 245 245;
  --accent-foreground: 0 0 0;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 229 229 229;
  --input: 229 229 229;
  --ring: 0 0 0;
  --chart-1: 0 0 0;
  --chart-2: 115 115 115;
  --chart-3: 163 163 163;
  --chart-4: 212 212 212;
  --chart-5: 245 245 245;
  --sidebar: 255 255 255;
  --sidebar-foreground: 0 0 0;
  --sidebar-primary: 0 0 0;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 245 245 245;
  --sidebar-accent-foreground: 0 0 0;
  --sidebar-border: 229 229 229;
  --sidebar-ring: 0 0 0;
}

.theme-claude {
  --background: 255 255 255;
  --foreground: 44 51 56;
  --card: 255 255 255;
  --card-foreground: 44 51 56;
  --popover: 255 255 255;
  --popover-foreground: 44 51 56;
  --primary: 204 109 61;
  --primary-foreground: 255 255 255;
  --secondary: 250 250 250;
  --secondary-foreground: 44 51 56;
  --muted: 245 245 245;
  --muted-foreground: 115 115 115;
  --accent: 254 243 232;
  --accent-foreground: 194 65 12;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 229 229 229;
  --input: 229 229 229;
  --ring: 204 109 61;
  --chart-1: 204 109 61;
  --chart-2: 245 158 11;
  --chart-3: 251 191 36;
  --chart-4: 168 85 247;
  --chart-5: 59 130 246;
  --sidebar: 255 255 255;
  --sidebar-foreground: 44 51 56;
  --sidebar-primary: 204 109 61;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 254 243 232;
  --sidebar-accent-foreground: 194 65 12;
  --sidebar-border: 229 229 229;
  --sidebar-ring: 204 109 61;
}

.theme-cyberpunk {
  --background: 245 245 245;
  --foreground: 24 24 27;
  --card: 255 255 255;
  --card-foreground: 24 24 27;
  --popover: 255 255 255;
  --popover-foreground: 24 24 27;
  --primary: 255 20 147;
  --primary-foreground: 255 255 255;
  --secondary: 0 255 255;
  --secondary-foreground: 24 24 27;
  --muted: 240 240 240;
  --muted-foreground: 113 113 122;
  --accent: 255 0 255;
  --accent-foreground: 255 255 255;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 212 212 216;
  --input: 212 212 216;
  --ring: 255 20 147;
  --chart-1: 255 20 147;
  --chart-2: 0 255 255;
  --chart-3: 255 0 255;
  --chart-4: 0 255 0;
  --chart-5: 255 255 0;
  --sidebar: 245 245 245;
  --sidebar-foreground: 24 24 27;
  --sidebar-primary: 255 20 147;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 255 0 255;
  --sidebar-accent-foreground: 255 255 255;
  --sidebar-border: 212 212 216;
  --sidebar-ring: 255 20 147;
}

.theme-ocean-breeze {
  --background: 240 249 255;
  --foreground: 21 94 117;
  --card: 255 255 255;
  --card-foreground: 21 94 117;
  --popover: 255 255 255;
  --popover-foreground: 21 94 117;
  --primary: 6 182 212;
  --primary-foreground: 255 255 255;
  --secondary: 165 243 252;
  --secondary-foreground: 21 94 117;
  --muted: 240 249 255;
  --muted-foreground: 75 85 99;
  --accent: 186 230 253;
  --accent-foreground: 21 94 117;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 147 197 253;
  --input: 147 197 253;
  --ring: 6 182 212;
  --chart-1: 6 182 212;
  --chart-2: 34 211 238;
  --chart-3: 14 165 233;
  --chart-4: 56 189 248;
  --chart-5: 125 211 252;
  --sidebar: 240 249 255;
  --sidebar-foreground: 21 94 117;
  --sidebar-primary: 6 182 212;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 186 230 253;
  --sidebar-accent-foreground: 21 94 117;
  --sidebar-border: 147 197 253;
  --sidebar-ring: 6 182 212;
}

.theme-sunset-horizon {
  --background: 255 251 235;
  --foreground: 120 53 15;
  --card: 255 255 255;
  --card-foreground: 120 53 15;
  --popover: 255 255 255;
  --popover-foreground: 120 53 15;
  --primary: 245 101 101;
  --primary-foreground: 255 255 255;
  --secondary: 251 191 36;
  --secondary-foreground: 120 53 15;
  --muted: 254 243 199;
  --muted-foreground: 146 64 14;
  --accent: 253 230 138;
  --accent-foreground: 120 53 15;
  --destructive: 220 38 38;
  --destructive-foreground: 255 255 255;
  --border: 251 191 36;
  --input: 251 191 36;
  --ring: 245 101 101;
  --chart-1: 245 101 101;
  --chart-2: 251 191 36;
  --chart-3: 251 146 60;
  --chart-4: 249 115 22;
  --chart-5: 234 88 12;
  --sidebar: 255 251 235;
  --sidebar-foreground: 120 53 15;
  --sidebar-primary: 245 101 101;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 253 230 138;
  --sidebar-accent-foreground: 120 53 15;
  --sidebar-border: 251 191 36;
  --sidebar-ring: 245 101 101;
}

.theme-midnight-bloom {
  --background: 17 7 27;
  --foreground: 243 232 255;
  --card: 30 27 75;
  --card-foreground: 243 232 255;
  --popover: 30 27 75;
  --popover-foreground: 243 232 255;
  --primary: 168 85 247;
  --primary-foreground: 255 255 255;
  --secondary: 99 102 241;
  --secondary-foreground: 255 255 255;
  --muted: 55 48 163;
  --muted-foreground: 196 181 253;
  --accent: 139 92 246;
  --accent-foreground: 243 232 255;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 76 29 149;
  --input: 76 29 149;
  --ring: 168 85 247;
  --chart-1: 168 85 247;
  --chart-2: 99 102 241;
  --chart-3: 139 92 246;
  --chart-4: 196 181 253;
  --chart-5: 55 48 163;
  --sidebar: 17 7 27;
  --sidebar-foreground: 243 232 255;
  --sidebar-primary: 168 85 247;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 139 92 246;
  --sidebar-accent-foreground: 243 232 255;
  --sidebar-border: 76 29 149;
  --sidebar-ring: 168 85 247;
}

/* Dark mode variants */
.dark.theme-modern-minimal {
  --background: 23 23 23;
  --foreground: 229 229 229;
  --card: 38 38 38;
  --card-foreground: 229 229 229;
  --popover: 38 38 38;
  --popover-foreground: 229 229 229;
  --primary: 59 130 246;
  --primary-foreground: 255 255 255;
  --secondary: 38 38 38;
  --secondary-foreground: 229 229 229;
  --muted: 38 38 38;
  --muted-foreground: 163 163 163;
  --accent: 30 58 138;
  --accent-foreground: 191 219 254;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 64 64 64;
  --input: 64 64 64;
  --ring: 59 130 246;
  --chart-1: 96 165 250;
  --chart-2: 59 130 246;
  --chart-3: 37 99 235;
  --chart-4: 29 78 216;
  --chart-5: 30 64 175;
  --sidebar: 23 23 23;
  --sidebar-foreground: 229 229 229;
  --sidebar-primary: 59 130 246;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 30 58 138;
  --sidebar-accent-foreground: 191 219 254;
  --sidebar-border: 64 64 64;
  --sidebar-ring: 59 130 246;
}

.dark.theme-twitter {
  --background: 0 0 0;
  --foreground: 231 233 234;
  --card: 22 24 28;
  --card-foreground: 231 233 234;
  --popover: 0 0 0;
  --popover-foreground: 231 233 234;
  --primary: 29 155 240;
  --primary-foreground: 255 255 255;
  --secondary: 22 24 28;
  --secondary-foreground: 231 233 234;
  --muted: 32 35 39;
  --muted-foreground: 113 118 123;
  --accent: 29 155 240;
  --accent-foreground: 255 255 255;
  --destructive: 244 33 46;
  --destructive-foreground: 255 255 255;
  --border: 47 51 54;
  --input: 32 35 39;
  --ring: 29 161 242;
  --chart-1: 29 155 240;
  --chart-2: 0 186 124;
  --chart-3: 255 212 0;
  --chart-4: 23 191 99;
  --chart-5: 249 24 128;
  --sidebar: 0 0 0;
  --sidebar-foreground: 231 233 234;
  --sidebar-primary: 29 155 240;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 32 35 39;
  --sidebar-accent-foreground: 231 233 234;
  --sidebar-border: 47 51 54;
  --sidebar-ring: 29 161 242;
}

.dark.theme-t3-chat {
  --background: 34 29 39;
  --foreground: 210 196 222;
  --card: 44 38 50;
  --card-foreground: 219 197 210;
  --popover: 16 10 14;
  --popover-foreground: 248 241 245;
  --primary: 163 0 76;
  --primary-foreground: 239 192 216;
  --secondary: 54 45 61;
  --secondary-foreground: 212 199 225;
  --muted: 40 34 45;
  --muted-foreground: 194 182 207;
  --accent: 70 55 83;
  --accent-foreground: 248 241 245;
  --destructive: 48 16 21;
  --destructive-foreground: 255 255 255;
  --border: 59 50 55;
  --input: 62 52 60;
  --ring: 219 39 119;
  --chart-1: 168 67 112;
  --chart-2: 147 77 203;
  --chart-3: 232 140 48;
  --chart-4: 175 87 219;
  --chart-5: 226 54 112;
  --sidebar: 24 17 23;
  --sidebar-foreground: 224 202 214;
  --sidebar-primary: 29 78 216;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 38 25 34;
  --sidebar-accent-foreground: 244 244 245;
  --sidebar-border: 0 0 0;
  --sidebar-ring: 219 39 119;
}

.dark.theme-catppuccin {
  --background: 24 24 37;
  --foreground: 205 214 244;
  --card: 49 50 68;
  --card-foreground: 205 214 244;
  --popover: 24 24 37;
  --popover-foreground: 205 214 244;
  --primary: 137 180 250;
  --primary-foreground: 24 24 37;
  --secondary: 49 50 68;
  --secondary-foreground: 205 214 244;
  --muted: 49 50 68;
  --muted-foreground: 166 173 200;
  --accent: 166 227 161;
  --accent-foreground: 24 24 37;
  --destructive: 243 139 168;
  --destructive-foreground: 24 24 37;
  --border: 88 91 112;
  --input: 88 91 112;
  --ring: 137 180 250;
  --chart-1: 137 180 250;
  --chart-2: 166 227 161;
  --chart-3: 250 179 135;
  --chart-4: 245 169 184;
  --chart-5: 203 166 247;
  --sidebar: 24 24 37;
  --sidebar-foreground: 205 214 244;
  --sidebar-primary: 137 180 250;
  --sidebar-primary-foreground: 24 24 37;
  --sidebar-accent: 49 50 68;
  --sidebar-accent-foreground: 205 214 244;
  --sidebar-border: 88 91 112;
  --sidebar-ring: 137 180 250;
}

.dark.theme-supabase {
  --background: 16 16 16;
  --foreground: 248 250 252;
  --card: 26 26 26;
  --card-foreground: 248 250 252;
  --popover: 16 16 16;
  --popover-foreground: 248 250 252;
  --primary: 62 207 142;
  --primary-foreground: 255 255 255;
  --secondary: 26 26 26;
  --secondary-foreground: 248 250 252;
  --muted: 39 39 42;
  --muted-foreground: 161 161 170;
  --accent: 20 83 45;
  --accent-foreground: 187 247 208;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 39 39 42;
  --input: 39 39 42;
  --ring: 62 207 142;
  --chart-1: 62 207 142;
  --chart-2: 34 197 94;
  --chart-3: 132 204 22;
  --chart-4: 234 179 8;
  --chart-5: 251 146 60;
  --sidebar: 16 16 16;
  --sidebar-foreground: 248 250 252;
  --sidebar-primary: 62 207 142;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 20 83 45;
  --sidebar-accent-foreground: 187 247 208;
  --sidebar-border: 39 39 42;
  --sidebar-ring: 62 207 142;
}

.dark.theme-vercel {
  --background: 0 0 0;
  --foreground: 255 255 255;
  --card: 26 26 26;
  --card-foreground: 255 255 255;
  --popover: 0 0 0;
  --popover-foreground: 255 255 255;
  --primary: 255 255 255;
  --primary-foreground: 0 0 0;
  --secondary: 26 26 26;
  --secondary-foreground: 255 255 255;
  --muted: 38 38 38;
  --muted-foreground: 163 163 163;
  --accent: 38 38 38;
  --accent-foreground: 255 255 255;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 64 64 64;
  --input: 64 64 64;
  --ring: 255 255 255;
  --chart-1: 255 255 255;
  --chart-2: 163 163 163;
  --chart-3: 115 115 115;
  --chart-4: 82 82 82;
  --chart-5: 64 64 64;
  --sidebar: 0 0 0;
  --sidebar-foreground: 255 255 255;
  --sidebar-primary: 255 255 255;
  --sidebar-primary-foreground: 0 0 0;
  --sidebar-accent: 38 38 38;
  --sidebar-accent-foreground: 255 255 255;
  --sidebar-border: 64 64 64;
  --sidebar-ring: 255 255 255;
}

.dark.theme-claude {
  --background: 16 16 16;
  --foreground: 250 250 250;
  --card: 32 32 32;
  --card-foreground: 250 250 250;
  --popover: 16 16 16;
  --popover-foreground: 250 250 250;
  --primary: 204 109 61;
  --primary-foreground: 255 255 255;
  --secondary: 32 32 32;
  --secondary-foreground: 250 250 250;
  --muted: 39 39 42;
  --muted-foreground: 161 161 170;
  --accent: 124 45 18;
  --accent-foreground: 254 243 232;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 64 64 64;
  --input: 64 64 64;
  --ring: 204 109 61;
  --chart-1: 204 109 61;
  --chart-2: 245 158 11;
  --chart-3: 251 191 36;
  --chart-4: 168 85 247;
  --chart-5: 59 130 246;
  --sidebar: 16 16 16;
  --sidebar-foreground: 250 250 250;
  --sidebar-primary: 204 109 61;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 124 45 18;
  --sidebar-accent-foreground: 254 243 232;
  --sidebar-border: 64 64 64;
  --sidebar-ring: 204 109 61;
}

.dark.theme-cyberpunk {
  --background: 10 0 20;
  --foreground: 255 20 147;
  --card: 20 0 40;
  --card-foreground: 255 20 147;
  --popover: 10 0 20;
  --popover-foreground: 255 20 147;
  --primary: 255 20 147;
  --primary-foreground: 10 0 20;
  --secondary: 0 255 255;
  --secondary-foreground: 10 0 20;
  --muted: 30 10 50;
  --muted-foreground: 200 50 200;
  --accent: 255 0 255;
  --accent-foreground: 10 0 20;
  --destructive: 255 0 0;
  --destructive-foreground: 255 255 255;
  --border: 100 0 150;
  --input: 100 0 150;
  --ring: 255 20 147;
  --chart-1: 255 20 147;
  --chart-2: 0 255 255;
  --chart-3: 255 0 255;
  --chart-4: 0 255 0;
  --chart-5: 255 255 0;
  --sidebar: 10 0 20;
  --sidebar-foreground: 255 20 147;
  --sidebar-primary: 255 20 147;
  --sidebar-primary-foreground: 10 0 20;
  --sidebar-accent: 255 0 255;
  --sidebar-accent-foreground: 10 0 20;
  --sidebar-border: 100 0 150;
  --sidebar-ring: 255 20 147;
}

.dark.theme-ocean-breeze {
  --background: 8 47 73;
  --foreground: 165 243 252;
  --card: 21 94 117;
  --card-foreground: 165 243 252;
  --popover: 8 47 73;
  --popover-foreground: 165 243 252;
  --primary: 34 211 238;
  --primary-foreground: 8 47 73;
  --secondary: 21 94 117;
  --secondary-foreground: 165 243 252;
  --muted: 30 58 138;
  --muted-foreground: 125 211 252;
  --accent: 14 165 233;
  --accent-foreground: 165 243 252;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 56 189 248;
  --input: 56 189 248;
  --ring: 34 211 238;
  --chart-1: 34 211 238;
  --chart-2: 6 182 212;
  --chart-3: 14 165 233;
  --chart-4: 56 189 248;
  --chart-5: 125 211 252;
  --sidebar: 8 47 73;
  --sidebar-foreground: 165 243 252;
  --sidebar-primary: 34 211 238;
  --sidebar-primary-foreground: 8 47 73;
  --sidebar-accent: 14 165 233;
  --sidebar-accent-foreground: 165 243 252;
  --sidebar-border: 56 189 248;
  --sidebar-ring: 34 211 238;
}

.dark.theme-sunset-horizon {
  --background: 55 25 25;
  --foreground: 253 230 138;
  --card: 120 53 15;
  --card-foreground: 253 230 138;
  --popover: 55 25 25;
  --popover-foreground: 253 230 138;
  --primary: 248 113 113;
  --primary-foreground: 55 25 25;
  --secondary: 217 119 6;
  --secondary-foreground: 253 230 138;
  --muted: 146 64 14;
  --muted-foreground: 254 215 170;
  --accent: 249 115 22;
  --accent-foreground: 253 230 138;
  --destructive: 185 28 28;
  --destructive-foreground: 255 255 255;
  --border: 217 119 6;
  --input: 217 119 6;
  --ring: 248 113 113;
  --chart-1: 248 113 113;
  --chart-2: 217 119 6;
  --chart-3: 251 146 60;
  --chart-4: 249 115 22;
  --chart-5: 234 88 12;
  --sidebar: 55 25 25;
  --sidebar-foreground: 253 230 138;
  --sidebar-primary: 248 113 113;
  --sidebar-primary-foreground: 55 25 25;
  --sidebar-accent: 249 115 22;
  --sidebar-accent-foreground: 253 230 138;
  --sidebar-border: 217 119 6;
  --sidebar-ring: 248 113 113;
}

.dark.theme-midnight-bloom {
  --background: 17 7 27;
  --foreground: 243 232 255;
  --card: 30 27 75;
  --card-foreground: 243 232 255;
  --popover: 30 27 75;
  --popover-foreground: 243 232 255;
  --primary: 168 85 247;
  --primary-foreground: 255 255 255;
  --secondary: 99 102 241;
  --secondary-foreground: 255 255 255;
  --muted: 55 48 163;
  --muted-foreground: 196 181 253;
  --accent: 139 92 246;
  --accent-foreground: 243 232 255;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 76 29 149;
  --input: 76 29 149;
  --ring: 168 85 247;
  --chart-1: 168 85 247;
  --chart-2: 99 102 241;
  --chart-3: 139 92 246;
  --chart-4: 196 181 253;
  --chart-5: 55 48 163;
  --sidebar: 17 7 27;
  --sidebar-foreground: 243 232 255;
  --sidebar-primary: 168 85 247;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 139 92 246;
  --sidebar-accent-foreground: 243 232 255;
  --sidebar-border: 76 29 149;
  --sidebar-ring: 168 85 247;
}

.theme-doom-64 {
  --background: 204 204 204;
  --foreground: 31 31 31;
  --card: 176 176 176;
  --card-foreground: 31 31 31;
  --popover: 176 176 176;
  --popover-foreground: 31 31 31;
  --primary: 183 28 28;
  --primary-foreground: 255 255 255;
  --secondary: 85 107 47;
  --secondary-foreground: 255 255 255;
  --muted: 184 184 184;
  --muted-foreground: 74 74 74;
  --accent: 70 130 180;
  --accent-foreground: 255 255 255;
  --destructive: 255 111 0;
  --destructive-foreground: 0 0 0;
  --border: 80 80 80;
  --input: 80 80 80;
  --ring: 183 28 28;
  --font-sans: "Oxanium", sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: "Source Code Pro", monospace;
  --radius: 0px;
}

.dark.theme-doom-64 {
  --background: 26 26 26;
  --foreground: 224 224 224;
  --card: 42 42 42;
  --card-foreground: 224 224 224;
  --popover: 42 42 42;
  --popover-foreground: 224 224 224;
  --primary: 229 57 53;
  --primary-foreground: 255 255 255;
  --secondary: 104 159 56;
  --secondary-foreground: 0 0 0;
  --muted: 37 37 37;
  --muted-foreground: 160 160 160;
  --accent: 100 181 246;
  --accent-foreground: 0 0 0;
  --destructive: 255 160 0;
  --destructive-foreground: 0 0 0;
  --border: 74 74 74;
  --input: 74 74 74;
  --ring: 229 57 53;
  --font-sans: "Oxanium", sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: "Source Code Pro", monospace;
  --radius: 0px;
}

.theme-modern-minimal {
  --background: 255 255 255;
  --foreground: 51 51 51;
  --card: 255 255 255;
  --card-foreground: 51 51 51;
  --popover: 255 255 255;
  --popover-foreground: 51 51 51;
  --primary: 59 130 246;
  --primary-foreground: 255 255 255;
  --secondary: 243 244 246;
  --secondary-foreground: 75 85 99;
  --muted: 249 250 251;
  --muted-foreground: 107 114 128;
  --accent: 224 242 254;
  --accent-foreground: 30 58 138;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 229 231 235;
  --input: 229 231 235;
  --ring: 59 130 246;
  --font-sans: Inter, sans-serif;
  --font-serif: Source Serif 4, serif;
  --font-mono: JetBrains Mono, monospace;
  --radius: 0.375rem;
}

.dark.theme-modern-minimal {
  --background: 23 23 23;
  --foreground: 229 229 229;
  --card: 38 38 38;
  --card-foreground: 229 229 229;
  --popover: 38 38 38;
  --popover-foreground: 229 229 229;
  --primary: 59 130 246;
  --primary-foreground: 255 255 255;
  --secondary: 38 38 38;
  --secondary-foreground: 229 229 229;
  --muted: 38 38 38;
  --muted-foreground: 163 163 163;
  --accent: 30 58 138;
  --accent-foreground: 191 219 254;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 64 64 64;
  --input: 64 64 64;
  --ring: 59 130 246;
}

.theme-catppuccin {
  --background: 239 241 245;
  --foreground: 76 79 105;
  --card: 255 255 255;
  --card-foreground: 76 79 105;
  --popover: 255 255 255;
  --popover-foreground: 76 79 105;
  --primary: 136 57 239;
  --primary-foreground: 255 255 255;
  --secondary: 204 208 218;
  --secondary-foreground: 76 79 105;
  --muted: 220 224 232;
  --muted-foreground: 108 111 133;
  --accent: 4 165 229;
  --accent-foreground: 255 255 255;
  --destructive: 210 15 57;
  --destructive-foreground: 255 255 255;
  --border: 188 192 204;
  --input: 204 208 218;
  --ring: 136 57 239;
}

.dark.theme-catppuccin {
  --background: 24 24 37;
  --foreground: 205 214 244;
  --card: 30 30 46;
  --card-foreground: 205 214 244;
  --popover: 30 30 46;
  --popover-foreground: 205 214 244;
  --primary: 203 166 247;
  --primary-foreground: 30 30 46;
  --secondary: 88 91 112;
  --secondary-foreground: 205 214 244;
  --muted: 41 44 60;
  --muted-foreground: 166 173 200;
  --accent: 137 220 235;
  --accent-foreground: 30 30 46;
  --destructive: 243 139 168;
  --destructive-foreground: 30 30 46;
  --border: 49 50 68;
  --input: 49 50 68;
  --ring: 203 166 247;
}

.theme-graphite {
  --background: 240 240 240;
  --foreground: 96 96 96;
  --card: 255 255 255;
  --card-foreground: 96 96 96;
  --popover: 255 255 255;
  --popover-foreground: 96 96 96;
  --primary: 96 96 96;
  --primary-foreground: 255 255 255;
  --secondary: 224 224 224;
  --secondary-foreground: 96 96 96;
  --muted: 248 248 248;
  --muted-foreground: 128 128 128;
  --accent: 192 192 192;
  --accent-foreground: 64 64 64;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 224 224 224;
  --input: 224 224 224;
  --ring: 96 96 96;
}

.dark.theme-graphite {
  --background: 26 26 26;
  --foreground: 160 160 160;
  --card: 38 38 38;
  --card-foreground: 160 160 160;
  --popover: 38 38 38;
  --popover-foreground: 160 160 160;
  --primary: 160 160 160;
  --primary-foreground: 26 26 26;
  --secondary: 48 48 48;
  --secondary-foreground: 160 160 160;
  --muted: 32 32 32;
  --muted-foreground: 128 128 128;
  --accent: 64 64 64;
  --accent-foreground: 192 192 192;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 48 48 48;
  --input: 48 48 48;
  --ring: 160 160 160;
}

.theme-perpetuity {
  --background: 232 240 240;
  --foreground: 6 133 142;
  --card: 255 255 255;
  --card-foreground: 6 133 142;
  --popover: 255 255 255;
  --popover-foreground: 6 133 142;
  --primary: 6 133 142;
  --primary-foreground: 255 255 255;
  --secondary: 217 234 234;
  --secondary-foreground: 6 133 142;
  --muted: 237 246 246;
  --muted-foreground: 8 145 154;
  --accent: 204 251 241;
  --accent-foreground: 6 133 142;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 179 229 229;
  --input: 179 229 229;
  --ring: 6 133 142;
}

.dark.theme-perpetuity {
  --background: 10 26 32;
  --foreground: 77 232 232;
  --card: 15 35 45;
  --card-foreground: 77 232 232;
  --popover: 15 35 45;
  --popover-foreground: 77 232 232;
  --primary: 77 232 232;
  --primary-foreground: 10 26 32;
  --secondary: 22 73 85;
  --secondary-foreground: 77 232 232;
  --muted: 18 46 56;
  --muted-foreground: 155 218 218;
  --accent: 28 96 112;
  --accent-foreground: 77 232 232;
  --destructive: 248 113 113;
  --destructive-foreground: 10 26 32;
  --border: 22 73 85;
  --input: 22 73 85;
  --ring: 77 232 232;
}

.theme-amber-minimal {
  --background: 255 255 255;
  --foreground: 146 64 14;
  --card: 255 255 255;
  --card-foreground: 146 64 14;
  --popover: 255 255 255;
  --popover-foreground: 146 64 14;
  --primary: 245 158 11;
  --primary-foreground: 255 255 255;
  --secondary: 243 244 246;
  --secondary-foreground: 146 64 14;
  --muted: 249 250 251;
  --muted-foreground: 107 114 128;
  --accent: 254 243 199;
  --accent-foreground: 146 64 14;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 229 231 235;
  --input: 229 231 235;
  --ring: 245 158 11;
}

.dark.theme-amber-minimal {
  --background: 23 23 23;
  --foreground: 251 191 36;
  --card: 38 38 38;
  --card-foreground: 251 191 36;
  --popover: 38 38 38;
  --popover-foreground: 251 191 36;
  --primary: 245 158 11;
  --primary-foreground: 23 23 23;
  --secondary: 38 38 38;
  --secondary-foreground: 251 191 36;
  --muted: 38 38 38;
  --muted-foreground: 163 163 163;
  --accent: 146 64 14;
  --accent-foreground: 254 243 199;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 64 64 64;
  --input: 64 64 64;
  --ring: 245 158 11;
}

.theme-modern-minimal {
  --background: 255 255 255;
  --foreground: 51 51 51;
  --card: 255 255 255;
  --card-foreground: 51 51 51;
  --popover: 255 255 255;
  --popover-foreground: 51 51 51;
  --primary: 59 130 246;
  --primary-foreground: 255 255 255;
  --secondary: 243 244 246;
  --secondary-foreground: 75 85 99;
  --muted: 249 250 251;
  --muted-foreground: 107 114 128;
  --accent: 224 242 254;
  --accent-foreground: 30 58 138;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 229 231 235;
  --input: 229 231 235;
  --ring: 59 130 246;
  --chart-1: 59 130 246;
  --chart-2: 37 99 235;
  --chart-3: 29 78 216;
  --chart-4: 30 64 175;
  --chart-5: 30 58 138;
  --sidebar: 249 250 251;
  --sidebar-foreground: 51 51 51;
  --sidebar-primary: 59 130 246;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 224 242 254;
  --sidebar-accent-foreground: 30 58 138;
  --sidebar-border: 229 231 235;
  --sidebar-ring: 59 130 246;
  --font-sans: "Inter", sans-serif;
  --font-serif: "Source Serif 4", serif;
  --font-mono: "JetBrains Mono", monospace;
  --radius: 0.375rem;
}

.dark.theme-modern-minimal {
  --background: 23 23 23;
  --foreground: 229 229 229;
  --card: 38 38 38;
  --card-foreground: 229 229 229;
  --popover: 38 38 38;
  --popover-foreground: 229 229 229;
  --primary: 59 130 246;
  --primary-foreground: 255 255 255;
  --secondary: 38 38 38;
  --secondary-foreground: 229 229 229;
  --muted: 38 38 38;
  --muted-foreground: 163 163 163;
  --accent: 30 58 138;
  --accent-foreground: 191 219 254;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 64 64 64;
  --input: 64 64 64;
  --ring: 59 130 246;
  --chart-1: 96 165 250;
  --chart-2: 59 130 246;
  --chart-3: 37 99 235;
  --chart-4: 29 78 216;
  --chart-5: 30 64 175;
  --sidebar: 23 23 23;
  --sidebar-foreground: 229 229 229;
  --sidebar-primary: 59 130 246;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 30 58 138;
  --sidebar-accent-foreground: 191 219 254;
  --sidebar-border: 64 64 64;
  --sidebar-ring: 59 130 246;
  --font-sans: "Inter", sans-serif;
  --font-serif: "Source Serif 4", serif;
  --font-mono: "JetBrains Mono", monospace;
  --radius: 0.375rem;
}

.theme-t3-chat {
  --background: 250 245 250;
  --foreground: 80 24 84;
  --card: 250 245 250;
  --card-foreground: 80 24 84;
  --popover: 255 255 255;
  --popover-foreground: 80 24 84;
  --primary: 168 67 112;
  --primary-foreground: 255 255 255;
  --secondary: 241 196 230;
  --secondary-foreground: 119 52 124;
  --muted: 246 229 243;
  --muted-foreground: 131 69 136;
  --accent: 241 196 230;
  --accent-foreground: 119 52 124;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 234 179 220;
  --input: 234 179 220;
  --ring: 168 67 112;
  --chart-1: 168 67 112;
  --chart-2: 163 0 76;
  --chart-3: 133 30 94;
  --chart-4: 103 60 126;
  --chart-5: 73 90 158;
  --sidebar: 250 245 250;
  --sidebar-foreground: 80 24 84;
  --sidebar-primary: 168 67 112;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 241 196 230;
  --sidebar-accent-foreground: 119 52 124;
  --sidebar-border: 234 179 220;
  --sidebar-ring: 168 67 112;
}

.dark.theme-t3-chat {
  --background: 34 29 39;
  --foreground: 243 232 255;
  --card: 54 45 61;
  --card-foreground: 243 232 255;
  --popover: 54 45 61;
  --popover-foreground: 243 232 255;
  --primary: 163 0 76;
  --primary-foreground: 255 255 255;
  --secondary: 54 45 61;
  --secondary-foreground: 243 232 255;
  --muted: 45 39 51;
  --muted-foreground: 168 159 182;
  --accent: 103 60 126;
  --accent-foreground: 241 196 230;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 73 67 87;
  --input: 73 67 87;
  --ring: 163 0 76;
  --chart-1: 163 0 76;
  --chart-2: 168 67 112;
  --chart-3: 133 30 94;
  --chart-4: 103 60 126;
  --chart-5: 73 90 158;
  --sidebar: 34 29 39;
  --sidebar-foreground: 243 232 255;
  --sidebar-primary: 163 0 76;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 103 60 126;
  --sidebar-accent-foreground: 241 196 230;
  --sidebar-border: 73 67 87;
  --sidebar-ring: 163 0 76;
}

.theme-mocha-mousse {
  --background: 241 240 229;
  --foreground: 80 60 50;
  --card: 250 248 240;
  --card-foreground: 80 60 50;
  --popover: 250 248 240;
  --popover-foreground: 80 60 50;
  --primary: 163 119 100;
  --primary-foreground: 255 255 255;
  --secondary: 186 171 146;
  --secondary-foreground: 80 60 50;
  --muted: 235 230 218;
  --muted-foreground: 120 100 90;
  --accent: 210 195 170;
  --accent-foreground: 80 60 50;
  --destructive: 204 78 56;
  --destructive-foreground: 255 255 255;
  --border: 220 210 190;
  --input: 220 210 190;
  --ring: 163 119 100;
  --chart-1: 163 119 100;
  --chart-2: 186 171 146;
  --chart-3: 140 105 85;
  --chart-4: 115 90 70;
  --chart-5: 90 75 60;
  --sidebar: 241 240 229;
  --sidebar-foreground: 80 60 50;
  --sidebar-primary: 163 119 100;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 210 195 170;
  --sidebar-accent-foreground: 80 60 50;
  --sidebar-border: 220 210 190;
  --sidebar-ring: 163 119 100;
}

.dark.theme-mocha-mousse {
  --background: 45 37 33;
  --foreground: 240 220 200;
  --card: 65 55 48;
  --card-foreground: 240 220 200;
  --popover: 65 55 48;
  --popover-foreground: 240 220 200;
  --primary: 195 158 136;
  --primary-foreground: 45 37 33;
  --secondary: 138 101 90;
  --secondary-foreground: 240 220 200;
  --muted: 55 47 42;
  --muted-foreground: 180 160 145;
  --accent: 160 130 110;
  --accent-foreground: 240 220 200;
  --destructive: 220 100 80;
  --destructive-foreground: 255 255 255;
  --border: 85 75 68;
  --input: 85 75 68;
  --ring: 195 158 136;
  --chart-1: 195 158 136;
  --chart-2: 138 101 90;
  --chart-3: 180 140 120;
  --chart-4: 160 120 100;
  --chart-5: 140 100 80;
  --sidebar: 45 37 33;
  --sidebar-foreground: 240 220 200;
  --sidebar-primary: 195 158 136;
  --sidebar-primary-foreground: 45 37 33;
  --sidebar-accent: 160 130 110;
  --sidebar-accent-foreground: 240 220 200;
  --sidebar-border: 85 75 68;
  --sidebar-ring: 195 158 136;
}

.theme-bubblegum {
  --background: 246 230 238;
  --foreground: 80 30 60;
  --card: 252 240 246;
  --card-foreground: 80 30 60;
  --popover: 252 240 246;
  --popover-foreground: 80 30 60;
  --primary: 208 79 153;
  --primary-foreground: 255 255 255;
  --secondary: 138 207 209;
  --secondary-foreground: 80 30 60;
  --muted: 248 235 242;
  --muted-foreground: 120 80 100;
  --accent: 180 220 222;
  --accent-foreground: 80 30 60;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 228 190 210;
  --input: 228 190 210;
  --ring: 208 79 153;
  --chart-1: 208 79 153;
  --chart-2: 138 207 209;
  --chart-3: 255 182 193;
  --chart-4: 221 160 221;
  --chart-5: 255 20 147;
  --sidebar: 246 230 238;
  --sidebar-foreground: 80 30 60;
  --sidebar-primary: 208 79 153;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 180 220 222;
  --sidebar-accent-foreground: 80 30 60;
  --sidebar-border: 228 190 210;
  --sidebar-ring: 208 79 153;
}

.dark.theme-bubblegum {
  --background: 18 36 46;
  --foreground: 240 220 230;
  --card: 35 50 58;
  --card-foreground: 240 220 230;
  --popover: 35 50 58;
  --popover-foreground: 240 220 230;
  --primary: 251 226 167;
  --primary-foreground: 18 36 46;
  --secondary: 228 162 177;
  --secondary-foreground: 18 36 46;
  --muted: 28 42 50;
  --muted-foreground: 180 160 170;
  --accent: 200 180 190;
  --accent-foreground: 18 36 46;
  --destructive: 255 107 114;
  --destructive-foreground: 18 36 46;
  --border: 60 75 85;
  --input: 60 75 85;
  --ring: 251 226 167;
  --chart-1: 251 226 167;
  --chart-2: 228 162 177;
  --chart-3: 255 182 193;
  --chart-4: 221 160 221;
  --chart-5: 255 20 147;
  --sidebar: 18 36 46;
  --sidebar-foreground: 240 220 230;
  --sidebar-primary: 251 226 167;
  --sidebar-primary-foreground: 18 36 46;
  --sidebar-accent: 200 180 190;
  --sidebar-accent-foreground: 18 36 46;
  --sidebar-border: 60 75 85;
  --sidebar-ring: 251 226 167;
}

.theme-amethyst-haze {
  --background: 248 247 250;
  --foreground: 60 50 80;
  --card: 252 251 254;
  --card-foreground: 60 50 80;
  --popover: 252 251 254;
  --popover-foreground: 60 50 80;
  --primary: 138 121 171;
  --primary-foreground: 255 255 255;
  --secondary: 223 217 236;
  --secondary-foreground: 60 50 80;
  --muted: 240 238 245;
  --muted-foreground: 100 90 120;
  --accent: 210 200 230;
  --accent-foreground: 60 50 80;
  --destructive: 192 57 43;
  --destructive-foreground: 255 255 255;
  --border: 215 210 230;
  --input: 215 210 230;
  --ring: 138 121 171;
  --chart-1: 138 121 171;
  --chart-2: 169 149 201;
  --chart-3: 147 51 234;
  --chart-4: 168 85 247;
  --chart-5: 124 58 237;
  --sidebar: 248 247 250;
  --sidebar-foreground: 60 50 80;
  --sidebar-primary: 138 121 171;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 210 200 230;
  --sidebar-accent-foreground: 60 50 80;
  --sidebar-border: 215 210 230;
  --sidebar-ring: 138 121 171;
}

.dark.theme-amethyst-haze {
  --background: 26 24 35;
  --foreground: 220 210 240;
  --card: 45 42 55;
  --card-foreground: 220 210 240;
  --popover: 45 42 55;
  --popover-foreground: 220 210 240;
  --primary: 169 149 201;
  --primary-foreground: 26 24 35;
  --secondary: 90 83 112;
  --secondary-foreground: 220 210 240;
  --muted: 35 32 45;
  --muted-foreground: 160 150 180;
  --accent: 120 110 140;
  --accent-foreground: 220 210 240;
  --destructive: 220 80 70;
  --destructive-foreground: 255 255 255;
  --border: 70 65 85;
  --input: 70 65 85;
  --ring: 169 149 201;
  --chart-1: 169 149 201;
  --chart-2: 90 83 112;
  --chart-3: 147 51 234;
  --chart-4: 168 85 247;
  --chart-5: 124 58 237;
  --sidebar: 26 24 35;
  --sidebar-foreground: 220 210 240;
  --sidebar-primary: 169 149 201;
  --sidebar-primary-foreground: 26 24 35;
  --sidebar-accent: 120 110 140;
  --sidebar-accent-foreground: 220 210 240;
  --sidebar-border: 70 65 85;
  --sidebar-ring: 169 149 201;
}

.theme-catppuccin {
  --background: 239 241 245;
  --foreground: 76 79 105;
  --card: 230 233 239;
  --card-foreground: 76 79 105;
  --popover: 230 233 239;
  --popover-foreground: 76 79 105;
  --primary: 136 57 239;
  --primary-foreground: 255 255 255;
  --secondary: 204 208 218;
  --secondary-foreground: 76 79 105;
  --muted: 220 224 232;
  --muted-foreground: 108 112 134;
  --accent: 188 192 204;
  --accent-foreground: 76 79 105;
  --destructive: 210 15 57;
  --destructive-foreground: 255 255 255;
  --border: 172 176 190;
  --input: 172 176 190;
  --ring: 136 57 239;
  --chart-1: 136 57 239;
  --chart-2: 30 102 245;
  --chart-3: 64 160 43;
  --chart-4: 223 142 29;
  --chart-5: 210 15 57;
  --sidebar: 239 241 245;
  --sidebar-foreground: 76 79 105;
  --sidebar-primary: 136 57 239;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 188 192 204;
  --sidebar-accent-foreground: 76 79 105;
  --sidebar-border: 172 176 190;
  --sidebar-ring: 136 57 239;
}

.dark.theme-catppuccin {
  --background: 24 24 37;
  --foreground: 205 214 244;
  --card: 49 50 68;
  --card-foreground: 205 214 244;
  --popover: 49 50 68;
  --popover-foreground: 205 214 244;
  --primary: 203 166 247;
  --primary-foreground: 24 24 37;
  --secondary: 88 91 112;
  --secondary-foreground: 205 214 244;
  --muted: 69 71 90;
  --muted-foreground: 166 173 200;
  --accent: 127 132 156;
  --accent-foreground: 205 214 244;
  --destructive: 243 139 168;
  --destructive-foreground: 24 24 37;
  --border: 108 112 134;
  --input: 108 112 134;
  --ring: 203 166 247;
  --chart-1: 203 166 247;
  --chart-2: 137 180 250;
  --chart-3: 166 227 161;
  --chart-4: 249 226 175;
  --chart-5: 243 139 168;
  --sidebar: 24 24 37;
  --sidebar-foreground: 205 214 244;
  --sidebar-primary: 203 166 247;
  --sidebar-primary-foreground: 24 24 37;
  --sidebar-accent: 127 132 156;
  --sidebar-accent-foreground: 205 214 244;
  --sidebar-border: 108 112 134;
  --sidebar-ring: 203 166 247;
}

.theme-supabase {
  --background: 252 252 252;
  --foreground: 37 99 235;
  --card: 253 253 253;
  --card-foreground: 37 99 235;
  --popover: 253 253 253;
  --popover-foreground: 37 99 235;
  --primary: 114 227 173;
  --primary-foreground: 0 0 0;
  --secondary: 240 253 244;
  --secondary-foreground: 22 163 74;
  --muted: 247 254 249;
  --muted-foreground: 75 85 99;
  --accent: 134 239 172;
  --accent-foreground: 21 128 61;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 229 231 235;
  --input: 229 231 235;
  --ring: 114 227 173;
  --chart-1: 114 227 173;
  --chart-2: 52 211 153;
  --chart-3: 34 197 94;
  --chart-4: 22 163 74;
  --chart-5: 21 128 61;
  --sidebar: 252 252 252;
  --sidebar-foreground: 37 99 235;
  --sidebar-primary: 114 227 173;
  --sidebar-primary-foreground: 0 0 0;
  --sidebar-accent: 134 239 172;
  --sidebar-accent-foreground: 21 128 61;
  --sidebar-border: 229 231 235;
  --sidebar-ring: 114 227 173;
}

.dark.theme-supabase {
  --background: 18 18 18;
  --foreground: 229 229 229;
  --card: 36 36 36;
  --card-foreground: 229 229 229;
  --popover: 36 36 36;
  --popover-foreground: 229 229 229;
  --primary: 0 98 57;
  --primary-foreground: 255 255 255;
  --secondary: 22 163 74;
  --secondary-foreground: 255 255 255;
  --muted: 54 54 54;
  --muted-foreground: 163 163 163;
  --accent: 34 197 94;
  --accent-foreground: 255 255 255;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 82 82 82;
  --input: 82 82 82;
  --ring: 0 98 57;
  --chart-1: 0 98 57;
  --chart-2: 22 163 74;
  --chart-3: 34 197 94;
  --chart-4: 52 211 153;
  --chart-5: 114 227 173;
  --sidebar: 18 18 18;
  --sidebar-foreground: 229 229 229;
  --sidebar-primary: 0 98 57;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 34 197 94;
  --sidebar-accent-foreground: 255 255 255;
  --sidebar-border: 82 82 82;
  --sidebar-ring: 0 98 57;
}

.theme-vercel {
  --background: 252 252 252;
  --foreground: 0 0 0;
  --card: 255 255 255;
  --card-foreground: 0 0 0;
  --popover: 255 255 255;
  --popover-foreground: 0 0 0;
  --primary: 0 0 0;
  --primary-foreground: 255 255 255;
  --secondary: 240 240 240;
  --secondary-foreground: 0 0 0;
  --muted: 250 250 250;
  --muted-foreground: 115 115 115;
  --accent: 240 240 240;
  --accent-foreground: 0 0 0;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 229 229 229;
  --input: 229 229 229;
  --ring: 0 0 0;
  --chart-1: 0 0 0;
  --chart-2: 64 64 64;
  --chart-3: 115 115 115;
  --chart-4: 163 163 163;
  --chart-5: 212 212 212;
  --sidebar: 252 252 252;
  --sidebar-foreground: 0 0 0;
  --sidebar-primary: 0 0 0;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 240 240 240;
  --sidebar-accent-foreground: 0 0 0;
  --sidebar-border: 229 229 229;
  --sidebar-ring: 0 0 0;
}

.dark.theme-vercel {
  --background: 0 0 0;
  --foreground: 255 255 255;
  --card: 20 20 20;
  --card-foreground: 255 255 255;
  --popover: 20 20 20;
  --popover-foreground: 255 255 255;
  --primary: 255 255 255;
  --primary-foreground: 0 0 0;
  --secondary: 64 64 64;
  --secondary-foreground: 255 255 255;
  --muted: 40 40 40;
  --muted-foreground: 163 163 163;
  --accent: 64 64 64;
  --accent-foreground: 255 255 255;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 64 64 64;
  --input: 64 64 64;
  --ring: 255 255 255;
  --chart-1: 255 255 255;
  --chart-2: 212 212 212;
  --chart-3: 163 163 163;
  --chart-4: 115 115 115;
  --chart-5: 64 64 64;
  --sidebar: 0 0 0;
  --sidebar-foreground: 255 255 255;
  --sidebar-primary: 255 255 255;
  --sidebar-primary-foreground: 0 0 0;
  --sidebar-accent: 64 64 64;
  --sidebar-accent-foreground: 255 255 255;
  --sidebar-border: 64 64 64;
  --sidebar-ring: 255 255 255;
}

.theme-claude {
  --background: 250 249 245;
  --foreground: 60 50 45;
  --card: 255 254 250;
  --card-foreground: 60 50 45;
  --popover: 255 254 250;
  --popover-foreground: 60 50 45;
  --primary: 201 100 66;
  --primary-foreground: 255 255 255;
  --secondary: 233 230 220;
  --secondary-foreground: 60 50 45;
  --muted: 245 240 235;
  --muted-foreground: 120 110 100;
  --accent: 240 215 200;
  --accent-foreground: 60 50 45;
  --destructive: 220 80 60;
  --destructive-foreground: 255 255 255;
  --border: 220 210 195;
  --input: 220 210 195;
  --ring: 201 100 66;
  --chart-1: 201 100 66;
  --chart-2: 217 119 87;
  --chart-3: 180 90 50;
  --chart-4: 160 80 40;
  --chart-5: 140 70 30;
  --sidebar: 250 249 245;
  --sidebar-foreground: 60 50 45;
  --sidebar-primary: 201 100 66;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 240 215 200;
  --sidebar-accent-foreground: 60 50 45;
  --sidebar-border: 220 210 195;
  --sidebar-ring: 201 100 66;
}

.dark.theme-claude {
  --background: 38 38 36;
  --foreground: 250 249 245;
  --card: 55 55 52;
  --card-foreground: 250 249 245;
  --popover: 55 55 52;
  --popover-foreground: 250 249 245;
  --primary: 217 119 87;
  --primary-foreground: 38 38 36;
  --secondary: 95 90 85;
  --secondary-foreground: 250 249 245;
  --muted: 48 48 46;
  --muted-foreground: 180 170 160;
  --accent: 140 120 110;
  --accent-foreground: 250 249 245;
  --destructive: 240 100 80;
  --destructive-foreground: 255 255 255;
  --border: 85 82 78;
  --input: 85 82 78;
  --ring: 217 119 87;
  --chart-1: 217 119 87;
  --chart-2: 201 100 66;
  --chart-3: 180 90 50;
  --chart-4: 160 80 40;
  --chart-5: 140 70 30;
  --sidebar: 38 38 36;
  --sidebar-foreground: 250 249 245;
  --sidebar-primary: 217 119 87;
  --sidebar-primary-foreground: 38 38 36;
  --sidebar-accent: 140 120 110;
  --sidebar-accent-foreground: 250 249 245;
  --sidebar-border: 85 82 78;
  --sidebar-ring: 217 119 87;
}

.theme-notebook {
  --background: 249 249 249;
  --foreground: 96 96 96;
  --card: 255 255 255;
  --card-foreground: 96 96 96;
  --popover: 255 255 255;
  --popover-foreground: 96 96 96;
  --primary: 96 96 96;
  --primary-foreground: 255 255 255;
  --secondary: 222 222 222;
  --secondary-foreground: 96 96 96;
  --muted: 240 240 240;
  --muted-foreground: 128 128 128;
  --accent: 235 235 235;
  --accent-foreground: 96 96 96;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 222 222 222;
  --input: 222 222 222;
  --ring: 96 96 96;
  --chart-1: 96 96 96;
  --chart-2: 128 128 128;
  --chart-3: 160 160 160;
  --chart-4: 192 192 192;
  --chart-5: 224 224 224;
  --sidebar: 249 249 249;
  --sidebar-foreground: 96 96 96;
  --sidebar-primary: 96 96 96;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 235 235 235;
  --sidebar-accent-foreground: 96 96 96;
  --sidebar-border: 222 222 222;
  --sidebar-ring: 96 96 96;
}

.dark.theme-notebook {
  --background: 43 43 43;
  --foreground: 176 176 176;
  --card: 60 60 60;
  --card-foreground: 176 176 176;
  --popover: 60 60 60;
  --popover-foreground: 176 176 176;
  --primary: 176 176 176;
  --primary-foreground: 43 43 43;
  --secondary: 90 90 90;
  --secondary-foreground: 176 176 176;
  --muted: 50 50 50;
  --muted-foreground: 140 140 140;
  --accent: 120 120 120;
  --accent-foreground: 176 176 176;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 90 90 90;
  --input: 90 90 90;
  --ring: 176 176 176;
  --chart-1: 176 176 176;
  --chart-2: 140 140 140;
  --chart-3: 120 120 120;
  --chart-4: 100 100 100;
  --chart-5: 80 80 80;
  --sidebar: 43 43 43;
  --sidebar-foreground: 176 176 176;
  --sidebar-primary: 176 176 176;
  --sidebar-primary-foreground: 43 43 43;
  --sidebar-accent: 120 120 120;
  --sidebar-accent-foreground: 176 176 176;
  --sidebar-border: 90 90 90;
  --sidebar-ring: 176 176 176;
}

.theme-mono {
  --background: 255 255 255;
  --foreground: 115 115 115;
  --card: 255 255 255;
  --card-foreground: 115 115 115;
  --popover: 255 255 255;
  --popover-foreground: 115 115 115;
  --primary: 115 115 115;
  --primary-foreground: 255 255 255;
  --secondary: 245 245 245;
  --secondary-foreground: 115 115 115;
  --muted: 250 250 250;
  --muted-foreground: 160 160 160;
  --accent: 240 240 240;
  --accent-foreground: 115 115 115;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 229 229 229;
  --input: 229 229 229;
  --ring: 115 115 115;
  --chart-1: 115 115 115;
  --chart-2: 140 140 140;
  --chart-3: 165 165 165;
  --chart-4: 190 190 190;
  --chart-5: 215 215 215;
  --sidebar: 255 255 255;
  --sidebar-foreground: 115 115 115;
  --sidebar-primary: 115 115 115;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 240 240 240;
  --sidebar-accent-foreground: 115 115 115;
  --sidebar-border: 229 229 229;
  --sidebar-ring: 115 115 115;
}

.dark.theme-mono {
  --background: 10 10 10;
  --foreground: 115 115 115;
  --card: 25 25 25;
  --card-foreground: 115 115 115;
  --popover: 25 25 25;
  --popover-foreground: 115 115 115;
  --primary: 115 115 115;
  --primary-foreground: 10 10 10;
  --secondary: 38 38 38;
  --secondary-foreground: 115 115 115;
  --muted: 20 20 20;
  --muted-foreground: 80 80 80;
  --accent: 50 50 50;
  --accent-foreground: 115 115 115;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 38 38 38;
  --input: 38 38 38;
  --ring: 115 115 115;
  --chart-1: 115 115 115;
  --chart-2: 90 90 90;
  --chart-3: 70 70 70;
  --chart-4: 50 50 50;
  --chart-5: 30 30 30;
  --sidebar: 10 10 10;
  --sidebar-foreground: 115 115 115;
  --sidebar-primary: 115 115 115;
  --sidebar-primary-foreground: 10 10 10;
  --sidebar-accent: 50 50 50;
  --sidebar-accent-foreground: 115 115 115;
  --sidebar-border: 38 38 38;
  --sidebar-ring: 115 115 115;
}

.theme-nature {
  --background: 248 245 240;
  --foreground: 34 68 42;
  --card: 255 255 255;
  --card-foreground: 34 68 42;
  --popover: 255 255 255;
  --popover-foreground: 34 68 42;
  --primary: 46 125 50;
  --primary-foreground: 255 255 255;
  --secondary: 232 245 233;
  --secondary-foreground: 46 125 50;
  --muted: 240 253 241;
  --muted-foreground: 74 85 81;
  --accent: 220 238 221;
  --accent-foreground: 34 68 42;
  --destructive: 211 47 47;
  --destructive-foreground: 255 255 255;
  --border: 187 247 208;
  --input: 187 247 208;
  --ring: 46 125 50;
  --chart-1: 46 125 50;
  --chart-2: 34 197 94;
  --chart-3: 22 163 74;
  --chart-4: 21 128 61;
  --chart-5: 20 83 45;
  --sidebar: 248 245 240;
  --sidebar-foreground: 34 68 42;
  --sidebar-primary: 46 125 50;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 220 238 221;
  --sidebar-accent-foreground: 34 68 42;
  --sidebar-border: 187 247 208;
  --sidebar-ring: 46 125 50;
}

.dark.theme-nature {
  --background: 28 42 31;
  --foreground: 220 252 231;
  --card: 45 65 50;
  --card-foreground: 220 252 231;
  --popover: 45 65 50;
  --popover-foreground: 220 252 231;
  --primary: 76 175 80;
  --primary-foreground: 28 42 31;
  --secondary: 62 74 61;
  --secondary-foreground: 220 252 231;
  --muted: 38 55 42;
  --muted-foreground: 156 163 175;
  --accent: 74 85 81;
  --accent-foreground: 220 252 231;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 62 74 61;
  --input: 62 74 61;
  --ring: 76 175 80;
  --chart-1: 76 175 80;
  --chart-2: 34 197 94;
  --chart-3: 22 163 74;
  --chart-4: 21 128 61;
  --chart-5: 20 83 45;
  --sidebar: 28 42 31;
  --sidebar-foreground: 220 252 231;
  --sidebar-primary: 76 175 80;
  --sidebar-primary-foreground: 28 42 31;
  --sidebar-accent: 74 85 81;
  --sidebar-accent-foreground: 220 252 231;
  --sidebar-border: 62 74 61;
  --sidebar-ring: 76 175 80;
}

.theme-cyberpunk {
  --background: 248 249 250;
  --foreground: 30 20 60;
  --card: 255 255 255;
  --card-foreground: 30 20 60;
  --popover: 255 255 255;
  --popover-foreground: 30 20 60;
  --primary: 255 0 200;
  --primary-foreground: 255 255 255;
  --secondary: 240 240 255;
  --secondary-foreground: 30 20 60;
  --muted: 250 245 255;
  --muted-foreground: 100 80 140;
  --accent: 200 180 255;
  --accent-foreground: 30 20 60;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 200 180 255;
  --input: 200 180 255;
  --ring: 255 0 200;
  --chart-1: 255 0 200;
  --chart-2: 0 255 255;
  --chart-3: 255 255 0;
  --chart-4: 255 0 128;
  --chart-5: 128 0 255;
  --sidebar: 248 249 250;
  --sidebar-foreground: 30 20 60;
  --sidebar-primary: 255 0 200;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 200 180 255;
  --sidebar-accent-foreground: 30 20 60;
  --sidebar-border: 200 180 255;
  --sidebar-ring: 255 0 200;
}

.dark.theme-cyberpunk {
  --background: 12 12 29;
  --foreground: 0 255 255;
  --card: 25 25 50;
  --card-foreground: 0 255 255;
  --popover: 25 25 50;
  --popover-foreground: 0 255 255;
  --primary: 255 0 200;
  --primary-foreground: 12 12 29;
  --secondary: 30 30 63;
  --secondary-foreground: 0 255 255;
  --muted: 20 20 40;
  --muted-foreground: 150 120 200;
  --accent: 100 80 160;
  --accent-foreground: 0 255 255;
  --destructive: 255 50 100;
  --destructive-foreground: 12 12 29;
  --border: 60 50 120;
  --input: 60 50 120;
  --ring: 255 0 200;
  --chart-1: 255 0 200;
  --chart-2: 0 255 255;
  --chart-3: 255 255 0;
  --chart-4: 255 0 128;
  --chart-5: 128 0 255;
  --sidebar: 12 12 29;
  --sidebar-foreground: 0 255 255;
  --sidebar-primary: 255 0 200;
  --sidebar-primary-foreground: 12 12 29;
  --sidebar-accent: 100 80 160;
  --sidebar-accent-foreground: 0 255 255;
  --sidebar-border: 60 50 120;
  --sidebar-ring: 255 0 200;
}

.theme-neo-brutalism {
  --background: 255 255 255;
  --foreground: 0 0 0;
  --card: 255 255 255;
  --card-foreground: 0 0 0;
  --popover: 255 255 255;
  --popover-foreground: 0 0 0;
  --primary: 255 51 51;
  --primary-foreground: 255 255 255;
  --secondary: 255 255 0;
  --secondary-foreground: 0 0 0;
  --muted: 240 240 240;
  --muted-foreground: 64 64 64;
  --accent: 0 255 128;
  --accent-foreground: 0 0 0;
  --destructive: 255 0 100;
  --destructive-foreground: 255 255 255;
  --border: 0 0 0;
  --input: 0 0 0;
  --ring: 255 51 51;
  --chart-1: 255 51 51;
  --chart-2: 255 255 0;
  --chart-3: 0 255 128;
  --chart-4: 255 0 100;
  --chart-5: 0 200 255;
  --sidebar: 255 255 255;
  --sidebar-foreground: 0 0 0;
  --sidebar-primary: 255 51 51;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 0 255 128;
  --sidebar-accent-foreground: 0 0 0;
  --sidebar-border: 0 0 0;
  --sidebar-ring: 255 51 51;
  --radius: 0px;
}

.dark.theme-neo-brutalism {
  --background: 0 0 0;
  --foreground: 255 255 255;
  --card: 0 0 0;
  --card-foreground: 255 255 255;
  --popover: 0 0 0;
  --popover-foreground: 255 255 255;
  --primary: 255 102 102;
  --primary-foreground: 0 0 0;
  --secondary: 255 255 51;
  --secondary-foreground: 0 0 0;
  --muted: 25 25 25;
  --muted-foreground: 200 200 200;
  --accent: 51 255 153;
  --accent-foreground: 0 0 0;
  --destructive: 255 51 128;
  --destructive-foreground: 0 0 0;
  --border: 255 255 255;
  --input: 255 255 255;
  --ring: 255 102 102;
  --chart-1: 255 102 102;
  --chart-2: 255 255 51;
  --chart-3: 51 255 153;
  --chart-4: 255 51 128;
  --chart-5: 51 230 255;
  --sidebar: 0 0 0;
  --sidebar-foreground: 255 255 255;
  --sidebar-primary: 255 102 102;
  --sidebar-primary-foreground: 0 0 0;
  --sidebar-accent: 51 255 153;
  --sidebar-accent-foreground: 0 0 0;
  --sidebar-border: 255 255 255;
  --sidebar-ring: 255 102 102;
  --radius: 0px;
}.theme-bold-tech {
  --background: 255 255 255;
  --foreground: 49 46 129;
  --card: 255 255 255;
  --card-foreground: 49 46 129;
  --popover: 255 255 255;
  --popover-foreground: 49 46 129;
  --primary: 139 92 246;
  --primary-foreground: 255 255 255;
  --secondary: 243 240 255;
  --secondary-foreground: 67 56 202;
  --muted: 245 243 255;
  --muted-foreground: 124 58 237;
  --accent: 219 234 254;
  --accent-foreground: 30 64 175;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 224 231 255;
  --input: 224 231 255;
  --ring: 139 92 246;
  --chart-1: 139 92 246;
  --chart-2: 124 58 237;
  --chart-3: 109 40 217;
  --chart-4: 91 33 182;
  --chart-5: 76 29 149;
  --sidebar: 245 243 255;
  --sidebar-foreground: 49 46 129;
  --sidebar-primary: 139 92 246;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 219 234 254;
  --sidebar-accent-foreground: 30 64 175;
  --sidebar-border: 224 231 255;
  --sidebar-ring: 139 92 246;
  --radius: 0.625rem;
}

.dark.theme-bold-tech {
  --background: 15 23 42;
  --foreground: 224 231 255;
  --card: 30 27 75;
  --card-foreground: 224 231 255;
  --popover: 30 27 75;
  --popover-foreground: 224 231 255;
  --primary: 139 92 246;
  --primary-foreground: 255 255 255;
  --secondary: 30 27 75;
  --secondary-foreground: 224 231 255;
  --muted: 30 27 75;
  --muted-foreground: 196 181 253;
  --accent: 67 56 202;
  --accent-foreground: 224 231 255;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 46 16 101;
  --input: 46 16 101;
  --ring: 139 92 246;
  --chart-1: 167 139 250;
  --chart-2: 139 92 246;
  --chart-3: 124 58 237;
  --chart-4: 109 40 217;
  --chart-5: 91 33 182;
  --sidebar: 15 23 42;
  --sidebar-foreground: 224 231 255;
  --sidebar-primary: 139 92 246;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 67 56 202;
  --sidebar-accent-foreground: 224 231 255;
  --sidebar-border: 46 16 101;
  --sidebar-ring: 139 92 246;
  --radius: 0.625rem;
}

.theme-caffeine {
  --background: 249 249 249;
  --foreground: 32 32 32;
  --card: 252 252 252;
  --card-foreground: 32 32 32;
  --popover: 252 252 252;
  --popover-foreground: 32 32 32;
  --primary: 100 74 64;
  --primary-foreground: 255 255 255;
  --secondary: 255 223 181;
  --secondary-foreground: 88 45 29;
  --muted: 239 239 239;
  --muted-foreground: 100 100 100;
  --accent: 232 232 232;
  --accent-foreground: 32 32 32;
  --destructive: 229 77 46;
  --destructive-foreground: 255 255 255;
  --border: 216 216 216;
  --input: 216 216 216;
  --ring: 100 74 64;
  --chart-1: 100 74 64;
  --chart-2: 229 77 46;
  --chart-3: 255 223 181;
  --chart-4: 88 45 29;
  --chart-5: 32 32 32;
  --sidebar: 252 252 252;
  --sidebar-foreground: 32 32 32;
  --sidebar-primary: 100 74 64;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 255 223 181;
  --sidebar-accent-foreground: 88 45 29;
  --sidebar-border: 216 216 216;
  --sidebar-ring: 100 74 64;
  --radius: 0.5rem;
}

.dark.theme-caffeine {
  --background: 26 26 26;
  --foreground: 224 224 224;
  --card: 42 42 42;
  --card-foreground: 224 224 224;
  --popover: 42 42 42;
  --popover-foreground: 224 224 224;
  --primary: 139 111 71;
  --primary-foreground: 255 255 255;
  --secondary: 61 41 20;
  --secondary-foreground: 255 223 181;
  --muted: 51 51 51;
  --muted-foreground: 160 160 160;
  --accent: 68 68 68;
  --accent-foreground: 224 224 224;
  --destructive: 255 107 71;
  --destructive-foreground: 255 255 255;
  --border: 68 68 68;
  --input: 68 68 68;
  --ring: 139 111 71;
  --chart-1: 139 111 71;
  --chart-2: 255 107 71;
  --chart-3: 255 223 181;
  --chart-4: 61 41 20;
  --chart-5: 224 224 224;
  --sidebar: 26 26 26;
  --sidebar-foreground: 224 224 224;
  --sidebar-primary: 139 111 71;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 61 41 20;
  --sidebar-accent-foreground: 255 223 181;
  --sidebar-border: 68 68 68;
  --sidebar-ring: 139 111 71;
  --radius: 0.5rem;
}

.theme-candyland {
  --background: 247 249 250;
  --foreground: 51 51 51;
  --card: 255 255 255;
  --card-foreground: 51 51 51;
  --popover: 255 255 255;
  --popover-foreground: 51 51 51;
  --primary: 255 192 203;
  --primary-foreground: 0 0 0;
  --secondary: 135 206 235;
  --secondary-foreground: 0 0 0;
  --muted: 221 217 196;
  --muted-foreground: 110 110 110;
  --accent: 255 255 0;
  --accent-foreground: 0 0 0;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 212 212 212;
  --input: 212 212 212;
  --ring: 255 192 203;
  --chart-1: 255 192 203;
  --chart-2: 135 206 235;
  --chart-3: 255 255 0;
  --chart-4: 255 105 180;
  --chart-5: 152 251 152;
  --sidebar: 255 255 255;
  --sidebar-foreground: 51 51 51;
  --sidebar-primary: 255 192 203;
  --sidebar-primary-foreground: 0 0 0;
  --sidebar-accent: 135 206 235;
  --sidebar-accent-foreground: 0 0 0;
  --sidebar-border: 212 212 212;
  --sidebar-ring: 255 192 203;
  --radius: 1rem;
}

.dark.theme-candyland {
  --background: 26 26 26;
  --foreground: 224 224 224;
  --card: 42 42 42;
  --card-foreground: 224 224 224;
  --popover: 42 42 42;
  --popover-foreground: 224 224 224;
  --primary: 255 105 180;
  --primary-foreground: 0 0 0;
  --secondary: 70 130 180;
  --secondary-foreground: 255 255 255;
  --muted: 58 58 58;
  --muted-foreground: 160 160 160;
  --accent: 255 215 0;
  --accent-foreground: 0 0 0;
  --destructive: 255 107 107;
  --destructive-foreground: 255 255 255;
  --border: 68 68 68;
  --input: 68 68 68;
  --ring: 255 105 180;
  --chart-1: 255 105 180;
  --chart-2: 70 130 180;
  --chart-3: 255 215 0;
  --chart-4: 255 20 147;
  --chart-5: 144 238 144;
  --sidebar: 26 26 26;
  --sidebar-foreground: 224 224 224;
  --sidebar-primary: 255 105 180;
  --sidebar-primary-foreground: 0 0 0;
  --sidebar-accent: 70 130 180;
  --sidebar-accent-foreground: 255 255 255;
  --sidebar-border: 68 68 68;
  --sidebar-ring: 255 105 180;
  --radius: 1rem;
}

.theme-claymorphism {
  --background: 231 229 228;
  --foreground: 30 41 59;
  --card: 245 245 244;
  --card-foreground: 30 41 59;
  --popover: 245 245 244;
  --popover-foreground: 30 41 59;
  --primary: 99 102 241;
  --primary-foreground: 255 255 255;
  --secondary: 214 211 209;
  --secondary-foreground: 75 85 99;
  --muted: 231 229 228;
  --muted-foreground: 107 114 128;
  --accent: 243 229 245;
  --accent-foreground: 55 65 81;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 214 211 209;
  --input: 214 211 209;
  --ring: 99 102 241;
  --chart-1: 99 102 241;
  --chart-2: 139 92 246;
  --chart-3: 167 139 250;
  --chart-4: 196 181 253;
  --chart-5: 221 214 254;
  --sidebar: 245 245 244;
  --sidebar-foreground: 30 41 59;
  --sidebar-primary: 99 102 241;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 243 229 245;
  --sidebar-accent-foreground: 55 65 81;
  --sidebar-border: 214 211 209;
  --sidebar-ring: 99 102 241;
  --radius: 1.5rem;
}

.dark.theme-claymorphism {
  --background: 41 37 36;
  --foreground: 245 245 244;
  --card: 68 64 60;
  --card-foreground: 245 245 244;
  --popover: 68 64 60;
  --popover-foreground: 245 245 244;
  --primary: 139 92 246;
  --primary-foreground: 255 255 255;
  --secondary: 87 83 78;
  --secondary-foreground: 214 211 209;
  --muted: 60 58 57;
  --muted-foreground: 168 162 158;
  --accent: 124 45 18;
  --accent-foreground: 254 215 170;
  --destructive: 220 38 38;
  --destructive-foreground: 255 255 255;
  --border: 87 83 78;
  --input: 87 83 78;
  --ring: 139 92 246;
  --chart-1: 139 92 246;
  --chart-2: 167 139 250;
  --chart-3: 196 181 253;
  --chart-4: 221 214 254;
  --chart-5: 237 233 254;
  --sidebar: 41 37 36;
  --sidebar-foreground: 245 245 244;
  --sidebar-primary: 139 92 246;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 124 45 18;
  --sidebar-accent-foreground: 254 215 170;
  --sidebar-border: 87 83 78;
  --sidebar-ring: 139 92 246;
  --radius: 1.5rem;
}

.theme-clean-slate {
  --background: 248 250 252;
  --foreground: 30 41 59;
  --card: 255 255 255;
  --card-foreground: 30 41 59;
  --popover: 255 255 255;
  --popover-foreground: 30 41 59;
  --primary: 99 102 241;
  --primary-foreground: 255 255 255;
  --secondary: 229 231 235;
  --secondary-foreground: 55 65 81;
  --muted: 243 244 246;
  --muted-foreground: 107 114 128;
  --accent: 224 231 255;
  --accent-foreground: 55 65 81;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 209 213 219;
  --input: 209 213 219;
  --ring: 99 102 241;
  --chart-1: 99 102 241;
  --chart-2: 139 92 246;
  --chart-3: 168 85 247;
  --chart-4: 192 132 252;
  --chart-5: 216 180 254;
  --sidebar: 255 255 255;
  --sidebar-foreground: 30 41 59;
  --sidebar-primary: 99 102 241;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 224 231 255;
  --sidebar-accent-foreground: 55 65 81;
  --sidebar-border: 209 213 219;
  --sidebar-ring: 99 102 241;
  --radius: 0.375rem;
}

.dark.theme-clean-slate {
  --background: 15 23 42;
  --foreground: 226 232 240;
  --card: 30 41 59;
  --card-foreground: 226 232 240;
  --popover: 30 41 59;
  --popover-foreground: 226 232 240;
  --primary: 129 140 248;
  --primary-foreground: 255 255 255;
  --secondary: 51 65 85;
  --secondary-foreground: 203 213 225;
  --muted: 71 85 105;
  --muted-foreground: 148 163 184;
  --accent: 67 56 202;
  --accent-foreground: 226 232 240;
  --destructive: 248 113 113;
  --destructive-foreground: 255 255 255;
  --border: 71 85 105;
  --input: 71 85 105;
  --ring: 129 140 248;
  --chart-1: 129 140 248;
  --chart-2: 167 139 250;
  --chart-3: 192 132 252;
  --chart-4: 216 180 254;
  --chart-5: 233 213 255;
  --sidebar: 15 23 42;
  --sidebar-foreground: 226 232 240;
  --sidebar-primary: 129 140 248;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 67 56 202;
  --sidebar-accent-foreground: 226 232 240;
  --sidebar-border: 71 85 105;
  --sidebar-ring: 129 140 248;
  --radius: 0.375rem;
}

.theme-cosmic-night {
  --background: 245 245 255;
  --foreground: 42 42 74;
  --card: 255 255 255;
  --card-foreground: 42 42 74;
  --popover: 255 255 255;
  --popover-foreground: 42 42 74;
  --primary: 110 86 207;
  --primary-foreground: 255 255 255;
  --secondary: 228 223 255;
  --secondary-foreground: 74 64 128;
  --muted: 240 240 250;
  --muted-foreground: 108 108 138;
  --accent: 216 230 255;
  --accent-foreground: 42 42 74;
  --destructive: 255 84 112;
  --destructive-foreground: 255 255 255;
  --border: 228 223 255;
  --input: 228 223 255;
  --ring: 110 86 207;
  --chart-1: 110 86 207;
  --chart-2: 138 112 217;
  --chart-3: 164 143 255;
  --chart-4: 191 168 255;
  --chart-5: 217 194 255;
  --sidebar: 255 255 255;
  --sidebar-foreground: 42 42 74;
  --sidebar-primary: 110 86 207;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 216 230 255;
  --sidebar-accent-foreground: 42 42 74;
  --sidebar-border: 228 223 255;
  --sidebar-ring: 110 86 207;
  --radius: 0.75rem;
}

.dark.theme-cosmic-night {
  --background: 26 26 46;
  --foreground: 228 223 255;
  --card: 46 46 94;
  --card-foreground: 228 223 255;
  --popover: 46 46 94;
  --popover-foreground: 228 223 255;
  --primary: 164 143 255;
  --primary-foreground: 255 255 255;
  --secondary: 62 62 126;
  --secondary-foreground: 228 223 255;
  --muted: 62 62 126;
  --muted-foreground: 184 184 216;
  --accent: 255 0 200;
  --accent-foreground: 255 255 255;
  --destructive: 255 84 112;
  --destructive-foreground: 255 255 255;
  --border: 78 78 158;
  --input: 78 78 158;
  --ring: 164 143 255;
  --chart-1: 164 143 255;
  --chart-2: 191 168 255;
  --chart-3: 217 194 255;
  --chart-4: 230 211 255;
  --chart-5: 242 232 255;
  --sidebar: 26 26 46;
  --sidebar-foreground: 228 223 255;
  --sidebar-primary: 164 143 255;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 255 0 200;
  --sidebar-accent-foreground: 255 255 255;
  --sidebar-border: 46 46 94;
  --sidebar-ring: 164 143 255;
  --radius: 0.75rem;
}

.theme-elegant-luxury {
  --background: 250 247 245;
  --foreground: 26 26 26;
  --card: 250 247 245;
  --card-foreground: 26 26 26;
  --popover: 250 247 245;
  --popover-foreground: 26 26 26;
  --primary: 155 44 44;
  --primary-foreground: 255 255 255;
  --secondary: 253 242 214;
  --secondary-foreground: 128 85 0;
  --muted: 240 235 232;
  --muted-foreground: 87 83 78;
  --accent: 254 243 199;
  --accent-foreground: 127 29 29;
  --destructive: 153 27 27;
  --destructive-foreground: 255 255 255;
  --border: 245 232 210;
  --input: 245 232 210;
  --ring: 155 44 44;
  --chart-1: 155 44 44;
  --chart-2: 184 50 50;
  --chart-3: 214 57 57;
  --chart-4: 244 64 64;
  --chart-5: 255 71 71;
  --sidebar: 250 247 245;
  --sidebar-foreground: 26 26 26;
  --sidebar-primary: 155 44 44;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 254 243 199;
  --sidebar-accent-foreground: 127 29 29;
  --sidebar-border: 245 232 210;
  --sidebar-ring: 155 44 44;
  --radius: 0.5rem;
}

.dark.theme-elegant-luxury {
  --background: 28 25 23;
  --foreground: 250 247 245;
  --card: 41 37 36;
  --card-foreground: 250 247 245;
  --popover: 41 37 36;
  --popover-foreground: 250 247 245;
  --primary: 255 102 102;
  --primary-foreground: 255 255 255;
  --secondary: 68 64 60;
  --secondary-foreground: 254 243 199;
  --muted: 60 56 54;
  --muted-foreground: 168 162 158;
  --accent: 202 138 4;
  --accent-foreground: 254 243 199;
  --destructive: 220 38 38;
  --destructive-foreground: 255 255 255;
  --border: 87 83 78;
  --input: 87 83 78;
  --ring: 255 102 102;
  --chart-1: 255 102 102;
  --chart-2: 255 128 128;
  --chart-3: 255 153 153;
  --chart-4: 255 179 179;
  --chart-5: 255 204 204;
  --sidebar: 28 25 23;
  --sidebar-foreground: 250 247 245;
  --sidebar-primary: 255 102 102;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 202 138 4;
  --sidebar-accent-foreground: 254 243 199;
  --sidebar-border: 87 83 78;
  --sidebar-ring: 255 102 102;
  --radius: 0.5rem;
}

.theme-kodama-grove {
  --background: 228 215 176;
  --foreground: 92 75 62;
  --card: 231 219 191;
  --card-foreground: 92 75 62;
  --popover: 243 234 210;
  --popover-foreground: 92 75 62;
  --primary: 141 157 79;
  --primary-foreground: 253 251 246;
  --secondary: 222 206 160;
  --secondary-foreground: 92 75 62;
  --muted: 222 206 160;
  --muted-foreground: 133 118 106;
  --accent: 219 200 148;
  --accent-foreground: 92 75 62;
  --destructive: 217 139 126;
  --destructive-foreground: 250 248 242;
  --border: 177 150 129;
  --input: 177 150 129;
  --ring: 141 157 79;
  --chart-1: 141 157 79;
  --chart-2: 154 170 92;
  --chart-3: 167 183 105;
  --chart-4: 180 196 118;
  --chart-5: 193 209 131;
  --sidebar: 231 219 191;
  --sidebar-foreground: 92 75 62;
  --sidebar-primary: 141 157 79;
  --sidebar-primary-foreground: 253 251 246;
  --sidebar-accent: 219 200 148;
  --sidebar-accent-foreground: 92 75 62;
  --sidebar-border: 177 150 129;
  --sidebar-ring: 141 157 79;
  --radius: 0.75rem;
}

.dark.theme-kodama-grove {
  --background: 45 51 25;
  --foreground: 228 215 176;
  --card: 64 77 31;
  --card-foreground: 228 215 176;
  --popover: 64 77 31;
  --popover-foreground: 228 215 176;
  --primary: 138 159 123;
  --primary-foreground: 253 251 246;
  --secondary: 82 96 37;
  --secondary-foreground: 228 215 176;
  --muted: 63 74 30;
  --muted-foreground: 177 150 129;
  --accent: 125 138 95;
  --accent-foreground: 228 215 176;
  --destructive: 217 139 126;
  --destructive-foreground: 250 248 242;
  --border: 89 102 48;
  --input: 89 102 48;
  --ring: 138 159 123;
  --chart-1: 138 159 123;
  --chart-2: 151 172 136;
  --chart-3: 164 185 149;
  --chart-4: 177 198 162;
  --chart-5: 190 211 175;
  --sidebar: 45 51 25;
  --sidebar-foreground: 228 215 176;
  --sidebar-primary: 138 159 123;
  --sidebar-primary-foreground: 253 251 246;
  --sidebar-accent: 125 138 95;
  --sidebar-accent-foreground: 228 215 176;
  --sidebar-border: 89 102 48;
  --sidebar-ring: 138 159 123;
  --radius: 0.75rem;
}

.theme-northern-lights {
  --background: 249 249 250;
  --foreground: 51 51 51;
  --card: 255 255 255;
  --card-foreground: 51 51 51;
  --popover: 255 255 255;
  --popover-foreground: 51 51 51;
  --primary: 52 168 90;
  --primary-foreground: 255 255 255;
  --secondary: 100 149 237;
  --secondary-foreground: 255 255 255;
  --muted: 221 217 196;
  --muted-foreground: 110 110 110;
  --accent: 102 217 239;
  --accent-foreground: 51 51 51;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 212 212 212;
  --input: 212 212 212;
  --ring: 52 168 90;
  --chart-1: 52 168 90;
  --chart-2: 100 149 237;
  --chart-3: 102 217 239;
  --chart-4: 144 238 144;
  --chart-5: 255 215 0;
  --sidebar: 255 255 255;
  --sidebar-foreground: 51 51 51;
  --sidebar-primary: 52 168 90;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 102 217 239;
  --sidebar-accent-foreground: 51 51 51;
  --sidebar-border: 212 212 212;
  --sidebar-ring: 52 168 90;
  --radius: 0.5rem;
}

.dark.theme-northern-lights {
  --background: 10 10 10;
  --foreground: 240 240 240;
  --card: 26 26 26;
  --card-foreground: 240 240 240;
  --popover: 26 26 26;
  --popover-foreground: 240 240 240;
  --primary: 0 255 127;
  --primary-foreground: 0 0 0;
  --secondary: 65 105 225;
  --secondary-foreground: 255 255 255;
  --muted: 42 42 42;
  --muted-foreground: 160 160 160;
  --accent: 0 255 255;
  --accent-foreground: 0 0 0;
  --destructive: 255 99 71;
  --destructive-foreground: 255 255 255;
  --border: 68 68 68;
  --input: 68 68 68;
  --ring: 0 255 127;
  --chart-1: 0 255 127;
  --chart-2: 65 105 225;
  --chart-3: 0 255 255;
  --chart-4: 152 251 152;
  --chart-5: 255 215 0;
  --sidebar: 10 10 10;
  --sidebar-foreground: 240 240 240;
  --sidebar-primary: 0 255 127;
  --sidebar-primary-foreground: 0 0 0;
  --sidebar-accent: 0 255 255;
  --sidebar-accent-foreground: 0 0 0;
  --sidebar-border: 68 68 68;
  --sidebar-ring: 52 168 90;
  --radius: 0.5rem;
}

.theme-pastel-dreams {
  --background: 247 243 249;
  --foreground: 55 65 81;
  --card: 255 255 255;
  --card-foreground: 55 65 81;
  --popover: 255 255 255;
  --popover-foreground: 55 65 81;
  --primary: 167 139 250;
  --primary-foreground: 255 255 255;
  --secondary: 233 216 253;
  --secondary-foreground: 75 85 99;
  --muted: 243 232 255;
  --muted-foreground: 107 114 128;
  --accent: 243 229 245;
  --accent-foreground: 55 65 81;
  --destructive: 252 165 165;
  --destructive-foreground: 255 255 255;
  --border: 233 216 253;
  --input: 233 216 253;
  --ring: 167 139 250;
  --chart-1: 167 139 250;
  --chart-2: 192 132 252;
  --chart-3: 216 180 254;
  --chart-4: 233 213 255;
  --chart-5: 243 232 255;
  --sidebar: 255 255 255;
  --sidebar-foreground: 55 65 81;
  --sidebar-primary: 167 139 250;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 243 229 245;
  --sidebar-accent-foreground: 55 65 81;
  --sidebar-border: 233 216 253;
  --sidebar-ring: 167 139 250;
  --radius: 1rem;
}

.dark.theme-pastel-dreams {
  --background: 31 27 36;
  --foreground: 233 216 253;
  --card: 45 36 54;
  --card-foreground: 233 216 253;
  --popover: 45 36 54;
  --popover-foreground: 233 216 253;
  --primary: 192 170 253;
  --primary-foreground: 255 255 255;
  --secondary: 61 45 72;
  --secondary-foreground: 233 216 253;
  --muted: 53 40 65;
  --muted-foreground: 167 139 250;
  --accent: 107 70 193;
  --accent-foreground: 233 216 253;
  --destructive: 248 113 113;
  --destructive-foreground: 255 255 255;
  --border: 76 51 89;
  --input: 76 51 89;
  --ring: 192 170 253;
  --chart-1: 192 170 253;
  --chart-2: 216 180 254;
  --chart-3: 233 213 255;
  --chart-4: 243 232 255;
  --chart-5: 250 245 255;
  --sidebar: 31 27 36;
  --sidebar-foreground: 233 216 253;
  --sidebar-primary: 192 170 253;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 107 70 193;
  --sidebar-accent-foreground: 233 216 253;
  --sidebar-border: 76 51 89;
  --sidebar-ring: 192 170 253;
  --radius: 1rem;
}

.theme-quantum-rose {
  --background: 255 240 248;
  --foreground: 145 24 92;
  --card: 255 247 252;
  --card-foreground: 145 24 92;
  --popover: 255 247 252;
  --popover-foreground: 145 24 92;
  --primary: 230 6 122;
  --primary-foreground: 255 255 255;
  --secondary: 255 214 255;
  --secondary-foreground: 145 24 92;
  --muted: 255 227 242;
  --muted-foreground: 192 66 131;
  --accent: 255 193 227;
  --accent-foreground: 145 24 92;
  --destructive: 209 56 105;
  --destructive-foreground: 255 255 255;
  --border: 255 214 255;
  --input: 255 214 255;
  --ring: 230 6 122;
  --chart-1: 230 6 122;
  --chart-2: 242 52 160;
  --chart-3: 255 107 199;
  --chart-4: 255 168 226;
  --chart-5: 255 214 255;
  --sidebar: 255 247 252;
  --sidebar-foreground: 145 24 92;
  --sidebar-primary: 230 6 122;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 255 193 227;
  --sidebar-accent-foreground: 145 24 92;
  --sidebar-border: 255 214 255;
  --sidebar-ring: 230 6 122;
  --radius: 0.75rem;
}

.dark.theme-quantum-rose {
  --background: 45 10 31;
  --foreground: 255 193 227;
  --card: 74 21 56;
  --card-foreground: 255 193 227;
  --popover: 74 21 56;
  --popover-foreground: 255 193 227;
  --primary: 76 175 80;
  --primary-foreground: 255 255 255;
  --secondary: 93 32 81;
  --secondary-foreground: 255 193 227;
  --muted: 61 18 41;
  --muted-foreground: 230 6 122;
  --accent: 16 185 129;
  --accent-foreground: 255 255 255;
  --destructive: 248 113 113;
  --destructive-foreground: 255 255 255;
  --border: 107 41 105;
  --input: 107 41 105;
  --ring: 76 175 80;
  --chart-1: 76 175 80;
  --chart-2: 16 185 129;
  --chart-3: 52 211 153;
  --chart-4: 110 231 183;
  --chart-5: 167 243 208;
  --sidebar: 45 10 31;
  --sidebar-foreground: 255 193 227;
  --sidebar-primary: 76 175 80;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 16 185 129;
  --sidebar-accent-foreground: 255 255 255;
  --sidebar-border: 74 21 56;
  --sidebar-ring: 76 175 80;
  --radius: 0.75rem;
}

.theme-retro-arcade {
  --background: 253 246 227;
  --foreground: 7 54 66;
  --card: 238 232 213;
  --card-foreground: 7 54 66;
  --popover: 238 232 213;
  --popover-foreground: 7 54 66;
  --primary: 211 54 130;
  --primary-foreground: 255 255 255;
  --secondary: 42 161 152;
  --secondary-foreground: 255 255 255;
  --muted: 147 161 161;
  --muted-foreground: 7 54 66;
  --accent: 203 75 22;
  --accent-foreground: 255 255 255;
  --destructive: 220 50 47;
  --destructive-foreground: 255 255 255;
  --border: 131 148 150;
  --input: 131 148 150;
  --ring: 211 54 130;
  --chart-1: 211 54 130;
  --chart-2: 42 161 152;
  --chart-3: 203 75 22;
  --chart-4: 133 153 0;
  --chart-5: 181 137 0;
  --sidebar: 238 232 213;
  --sidebar-foreground: 7 54 66;
  --sidebar-primary: 211 54 130;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 203 75 22;
  --sidebar-accent-foreground: 255 255 255;
  --sidebar-border: 131 148 150;
  --sidebar-ring: 211 54 130;
  --radius: 0.25rem;
}

.dark.theme-retro-arcade {
  --background: 0 43 54;
  --foreground: 253 246 227;
  --card: 7 54 66;
  --card-foreground: 253 246 227;
  --popover: 7 54 66;
  --popover-foreground: 253 246 227;
  --primary: 108 92 231;
  --primary-foreground: 255 255 255;
  --secondary: 0 210 211;
  --secondary-foreground: 0 43 54;
  --muted: 88 110 117;
  --muted-foreground: 147 161 161;
  --accent: 255 99 72;
  --accent-foreground: 0 43 54;
  --destructive: 255 71 87;
  --destructive-foreground: 255 255 255;
  --border: 88 110 117;
  --input: 88 110 117;
  --ring: 108 92 231;
  --chart-1: 108 92 231;
  --chart-2: 0 210 211;
  --chart-3: 255 99 72;
  --chart-4: 123 237 159;
  --chart-5: 255 165 2;
  --sidebar: 0 43 54;
  --sidebar-foreground: 253 246 227;
  --sidebar-primary: 108 92 231;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 255 99 72;
  --sidebar-accent-foreground: 0 43 54;
  --sidebar-border: 68 68 68;
  --sidebar-ring: 108 92 231;
  --radius: 0.25rem;
}

.theme-solar-dusk {
  --background: 253 251 247;
  --foreground: 74 59 51;
  --card: 248 244 238;
  --card-foreground: 74 59 51;
  --popover: 248 244 238;
  --popover-foreground: 74 59 51;
  --primary: 180 83 9;
  --primary-foreground: 255 255 255;
  --secondary: 228 192 144;
  --secondary-foreground: 87 83 78;
  --muted: 241 233 218;
  --muted-foreground: 120 113 108;
  --accent: 242 218 186;
  --accent-foreground: 87 83 78;
  --destructive: 153 27 27;
  --destructive-foreground: 255 255 255;
  --border: 228 192 144;
  --input: 228 192 144;
  --ring: 180 83 9;
  --chart-1: 180 83 9;
  --chart-2: 217 119 6;
  --chart-3: 245 158 11;
  --chart-4: 252 211 77;
  --chart-5: 254 243 199;
  --sidebar: 248 244 238;
  --sidebar-foreground: 74 59 51;
  --sidebar-primary: 180 83 9;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 242 218 186;
  --sidebar-accent-foreground: 87 83 78;
  --sidebar-border: 228 192 144;
  --sidebar-ring: 180 83 9;
  --radius: 0.5rem;
}

.dark.theme-solar-dusk {
  --background: 28 25 23;
  --foreground: 253 251 247;
  --card: 41 37 36;
  --card-foreground: 253 251 247;
  --popover: 41 37 36;
  --popover-foreground: 253 251 247;
  --primary: 255 126 95;
  --primary-foreground: 255 255 255;
  --secondary: 68 64 60;
  --secondary-foreground: 228 192 144;
  --muted: 60 56 54;
  --muted-foreground: 168 162 158;
  --accent: 254 178 168;
  --accent-foreground: 28 25 23;
  --destructive: 220 38 38;
  --destructive-foreground: 255 255 255;
  --border: 87 83 78;
  --input: 87 83 78;
  --ring: 255 126 95;
  --chart-1: 255 126 95;
  --chart-2: 255 159 122;
  --chart-3: 255 193 149;
  --chart-4: 255 227 176;
  --chart-5: 255 245 202;
  --sidebar: 28 25 23;
  --sidebar-foreground: 253 251 247;
  --sidebar-primary: 255 126 95;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 254 178 168;
  --sidebar-accent-foreground: 28 25 23;
  --sidebar-border: 87 83 78;
  --sidebar-ring: 255 126 95;
  --radius: 0.5rem;
}

.theme-starry-night {
  --background: 245 247 250;
  --foreground: 26 34 56;
  --card: 227 234 242;
  --card-foreground: 26 34 56;
  --popover: 255 251 230;
  --popover-foreground: 26 34 56;
  --primary: 58 91 160;
  --primary-foreground: 255 251 230;
  --secondary: 247 200 115;
  --secondary-foreground: 26 34 56;
  --muted: 229 229 223;
  --muted-foreground: 58 91 160;
  --accent: 110 163 193;
  --accent-foreground: 255 251 230;
  --destructive: 45 30 47;
  --destructive-foreground: 255 251 230;
  --border: 247 200 115;
  --input: 247 200 115;
  --ring: 58 91 160;
  --chart-1: 58 91 160;
  --chart-2: 247 200 115;
  --chart-3: 110 163 193;
  --chart-4: 255 230 109;
  --chart-5: 129 199 132;
  --sidebar: 227 234 242;
  --sidebar-foreground: 26 34 56;
  --sidebar-primary: 58 91 160;
  --sidebar-primary-foreground: 255 251 230;
  --sidebar-accent: 110 163 193;
  --sidebar-accent-foreground: 255 251 230;
  --sidebar-border: 247 200 115;
  --sidebar-ring: 58 91 160;
  --radius: 0.75rem;
}

.dark.theme-starry-night {
  --background: 15 20 25;
  --foreground: 255 251 230;
  --card: 26 34 56;
  --card-foreground: 255 251 230;
  --popover: 45 30 47;
  --popover-foreground: 255 251 230;
  --primary: 255 204 2;
  --primary-foreground: 15 20 25;
  --secondary: 46 134 171;
  --secondary-foreground: 255 251 230;
  --muted: 36 52 71;
  --muted-foreground: 163 158 154;
  --accent: 241 135 1;
  --accent-foreground: 15 20 25;
  --destructive: 255 107 107;
  --destructive-foreground: 255 251 230;
  --border: 58 91 160;
  --input: 58 91 160;
  --ring: 255 204 2;
  --chart-1: 255 204 2;
  --chart-2: 46 134 171;
  --chart-3: 241 135 1;
  --chart-4: 78 205 196;
  --chart-5: 149 225 211;
  --sidebar: 15 20 25;
  --sidebar-foreground: 255 251 230;
  --sidebar-primary: 255 204 2;
  --sidebar-primary-foreground: 15 20 25;
  --sidebar-accent: 241 135 1;
  --sidebar-accent-foreground: 15 20 25;
  --sidebar-border: 26 34 56;
  --sidebar-ring: 255 204 2;
  --radius: 0.75rem;
}

.theme-tangerine {
  --background: 232 235 237;
  --foreground: 51 51 51;
  --card: 255 255 255;
  --card-foreground: 51 51 51;
  --popover: 255 255 255;
  --popover-foreground: 51 51 51;
  --primary: 224 93 56;
  --primary-foreground: 255 255 255;
  --secondary: 243 244 246;
  --secondary-foreground: 75 85 99;
  --muted: 249 250 251;
  --muted-foreground: 107 114 128;
  --accent: 214 228 240;
  --accent-foreground: 30 58 138;
  --destructive: 239 68 68;
  --destructive-foreground: 255 255 255;
  --border: 209 213 219;
  --input: 209 213 219;
  --ring: 224 93 56;
  --chart-1: 224 93 56;
  --chart-2: 249 115 22;
  --chart-3: 251 191 36;
  --chart-4: 52 211 153;
  --chart-5: 96 165 250;
  --sidebar: 255 255 255;
  --sidebar-foreground: 51 51 51;
  --sidebar-primary: 224 93 56;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 214 228 240;
  --sidebar-accent-foreground: 30 58 138;
  --sidebar-border: 209 213 219;
  --sidebar-ring: 224 93 56;
  --radius: 0.5rem;
}

.dark.theme-tangerine {
  --background: 26 26 26;
  --foreground: 232 235 237;
  --card: 42 42 42;
  --card-foreground: 232 235 237;
  --popover: 42 42 42;
  --popover-foreground: 232 235 237;
  --primary: 255 112 67;
  --primary-foreground: 255 255 255;
  --secondary: 55 65 81;
  --secondary-foreground: 209 213 219;
  --muted: 75 85 99;
  --muted-foreground: 156 163 175;
  --accent: 30 64 175;
  --accent-foreground: 219 234 254;
  --destructive: 248 113 113;
  --destructive-foreground: 255 255 255;
  --border: 75 85 99;
  --input: 75 85 99;
  --ring: 255 112 67;
  --chart-1: 255 112 67;
  --chart-2: 251 146 60;
  --chart-3: 252 211 77;
  --chart-4: 52 211 153;
  --chart-5: 96 165 250;
  --sidebar: 26 26 26;
  --sidebar-foreground: 232 235 237;
  --sidebar-primary: 255 112 67;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 30 64 175;
  --sidebar-accent-foreground: 219 234 254;
  --sidebar-border: 75 85 99;
  --sidebar-ring: 224 93 56;
  --radius: 0.5rem;
}

.theme-vintage-paper {
  --background: 245 241 230;
  --foreground: 74 63 53;
  --card: 255 252 245;
  --card-foreground: 74 63 53;
  --popover: 255 252 245;
  --popover-foreground: 74 63 53;
  --primary: 166 124 82;
  --primary-foreground: 255 255 255;
  --secondary: 226 216 195;
  --secondary-foreground: 92 77 63;
  --muted: 236 229 216;
  --muted-foreground: 125 107 86;
  --accent: 212 200 170;
  --accent-foreground: 74 63 53;
  --destructive: 181 74 53;
  --destructive-foreground: 255 255 255;
  --border: 219 208 186;
  --input: 219 208 186;
  --ring: 166 124 82;
  --chart-1: 166 124 82;
  --chart-2: 201 152 109;
  --chart-3: 212 165 116;
  --chart-4: 226 194 138;
  --chart-5: 240 223 159;
  --sidebar: 255 252 245;
  --sidebar-foreground: 74 63 53;
  --sidebar-primary: 166 124 82;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 212 200 170;
  --sidebar-accent-foreground: 74 63 53;
  --sidebar-border: 219 208 186;
  --sidebar-ring: 166 124 82;
  --radius: 0.375rem;
}

.dark.theme-vintage-paper {
  --background: 45 39 33;
  --foreground: 245 241 230;
  --card: 61 53 42;
  --card-foreground: 245 241 230;
  --popover: 61 53 42;
  --popover-foreground: 245 241 230;
  --primary: 255 126 95;
  --primary-foreground: 255 255 255;
  --secondary: 77 66 54;
  --secondary-foreground: 226 216 195;
  --muted: 63 55 48;
  --muted-foreground: 166 124 82;
  --accent: 139 90 60;
  --accent-foreground: 245 241 230;
  --destructive: 220 38 38;
  --destructive-foreground: 255 255 255;
  --border: 93 82 62;
  --input: 93 82 62;
  --ring: 255 126 95;
  --chart-1: 255 126 95;
  --chart-2: 255 148 119;
  --chart-3: 255 170 143;
  --chart-4: 255 192 167;
  --chart-5: 255 214 191;
  --sidebar: 45 39 33;
  --sidebar-foreground: 245 241 230;
  --sidebar-primary: 255 126 95;
  --sidebar-primary-foreground: 255 255 255;
  --sidebar-accent: 139 90 60;
  --sidebar-accent-foreground: 245 241 230;
  --sidebar-border: 93 82 62;
  --sidebar-ring: 255 126 95;
  --radius: 0.375rem;
}

/* Table keyboard navigation highlighting */
.table-row-focused {
  background-color: rgb(var(--accent) / 0.1) !important;
  border-left: 3px solid rgb(var(--accent)) !important;
  outline: none !important;
}

.table-cell-focused button,
.table-cell-focused a {
  border: none !important;
  border-radius: none !important;
  background-color: none !important;
  outline: none !important;
}
