/* Preset Themes for RiptideOS */

/* Global Element Styles */
* {
  border-color: var(--border);
}

body {
  background-color: var(--background);
  color: var(--foreground);
  font-family: var(--font-sans);
}

/* ════════════════════════════════════════════════════════════════════════════
 * Theme: zinc (Default)
 * Balanced, modern neutral industrial gray with cool crisp surfaces.
 * ════════════════════════════════════════════════════════════════════════════ */
[data-theme="zinc"], [data-theme="default"], :root:not([data-theme]) {
  --radius: 0.5rem;
  --background: oklch(0.985 0.002 285.8);
  --foreground: oklch(0.141 0.004 285.82);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.141 0.004 285.82);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.141 0.004 285.82);
  --primary: oklch(0.210 0.006 285.88);
  --primary-foreground: oklch(0.985 0 0);
  --secondary: oklch(0.967 0.001 286.38);
  --secondary-foreground: oklch(0.210 0.006 285.88);
  --muted: oklch(0.967 0.001 286.38);
  --muted-foreground: oklch(0.552 0.016 285.94);
  --accent: oklch(0.967 0.001 286.38);
  --accent-foreground: oklch(0.210 0.006 285.88);
  --destructive: oklch(0.577 0.245 27.33);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.920 0.004 286.32);
  --input: oklch(0.920 0.004 286.32);
  --ring: oklch(0.552 0.016 285.94);
  --chart-1: oklch(0.646 0.222 41.116);
  --chart-2: oklch(0.6 0.118 184.714);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);
  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.141 0.004 285.82);
  --sidebar-primary: oklch(0.210 0.006 285.88);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.967 0.001 286.38);
  --sidebar-accent-foreground: oklch(0.210 0.006 285.88);
  --sidebar-border: oklch(0.920 0.004 286.32);
  --sidebar-ring: oklch(0.552 0.016 285.94);
  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

[data-theme="zinc"].dark, .dark[data-theme="zinc"],
[data-theme="default"].dark, .dark[data-theme="default"],
.dark:root:not([data-theme]) {
  --radius: 0.5rem;
  --background: oklch(0.141 0.004 285.82);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.190 0.005 285.82);
  --card-foreground: oklch(0.985 0 0);
  --popover: oklch(0.190 0.005 285.82);
  --popover-foreground: oklch(0.985 0 0);
  --primary: oklch(0.985 0 0);
  --primary-foreground: oklch(0.210 0.006 285.88);
  --secondary: oklch(0.274 0.006 286.03);
  --secondary-foreground: oklch(0.985 0 0);
  --muted: oklch(0.240 0.006 286.03);
  --muted-foreground: oklch(0.705 0.015 286.07);
  --accent: oklch(0.274 0.006 286.03);
  --accent-foreground: oklch(0.985 0 0);
  --destructive: oklch(0.704 0.191 22.216);
  --destructive-foreground: oklch(0.985 0 0);
  --border: oklch(0.274 0.006 286.03);
  --input: oklch(0.274 0.006 286.03);
  --ring: oklch(0.552 0.016 285.94);
  --chart-1: oklch(0.488 0.243 264.376);
  --chart-2: oklch(0.696 0.17 162.48);
  --chart-3: oklch(0.769 0.188 70.08);
  --chart-4: oklch(0.627 0.265 303.9);
  --chart-5: oklch(0.645 0.246 16.439);
  --sidebar: oklch(0.141 0.004 285.82);
  --sidebar-foreground: oklch(0.985 0 0);
  --sidebar-primary: oklch(0.488 0.243 264.376);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.274 0.006 286.03);
  --sidebar-accent-foreground: oklch(0.985 0 0);
  --sidebar-border: oklch(0.274 0.006 286.03);
  --sidebar-ring: oklch(0.552 0.016 285.94);
  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

/* ════════════════════════════════════════════════════════════════════════════
 * Theme: storm
 * Atmospheric tempest with rich slate-blue backgrounds and technical precision.
 * ════════════════════════════════════════════════════════════════════════════ */
[data-theme="storm"] {
  --radius: 0.375rem;
  --background: oklch(0.965 0.015 255.0);
  --foreground: oklch(0.180 0.045 258.0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.180 0.045 258.0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.180 0.045 258.0);
  --primary: oklch(0.480 0.075 256.0);
  --primary-foreground: oklch(0.985 0.005 255.0);
  --secondary: oklch(0.925 0.020 255.0);
  --secondary-foreground: oklch(0.208 0.042 265.755);
  --muted: oklch(0.925 0.020 255.0);
  --muted-foreground: oklch(0.500 0.040 256.0);
  --accent: oklch(0.925 0.020 255.0);
  --accent-foreground: oklch(0.208 0.042 265.755);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.885 0.022 255.0);
  --input: oklch(0.885 0.022 255.0);
  --ring: oklch(0.480 0.075 256.0);
  --chart-1: oklch(0.704 0.04 256.788);
  --chart-2: oklch(0.554 0.046 257.417);
  --chart-3: oklch(0.446 0.043 257.281);
  --chart-4: oklch(0.391 0.039 257.287);
  --chart-5: oklch(0.293 0.032 260.166);
  --sidebar: oklch(0.940 0.018 255.0);
  --sidebar-foreground: oklch(0.180 0.045 258.0);
  --sidebar-primary: oklch(0.480 0.075 256.0);
  --sidebar-primary-foreground: oklch(0.985 0.005 255.0);
  --sidebar-accent: oklch(0.920 0.020 255.0);
  --sidebar-accent-foreground: oklch(0.208 0.042 265.755);
  --sidebar-border: oklch(0.885 0.022 255.0);
  --sidebar-ring: oklch(0.480 0.075 256.0);
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

[data-theme="storm"].dark, .dark[data-theme="storm"] {
  --radius: 0.375rem;
  --background: oklch(0.165 0.035 256.0);
  --foreground: oklch(0.940 0.015 250.0);
  --card: oklch(0.220 0.038 256.0);
  --card-foreground: oklch(0.940 0.015 250.0);
  --popover: oklch(0.220 0.038 256.0);
  --popover-foreground: oklch(0.940 0.015 250.0);
  --primary: oklch(0.680 0.065 255.0);
  --primary-foreground: oklch(0.129 0.042 264.695);
  --secondary: oklch(0.275 0.038 256.0);
  --secondary-foreground: oklch(0.940 0.015 250.0);
  --muted: oklch(0.275 0.038 256.0);
  --muted-foreground: oklch(0.680 0.035 255.0);
  --accent: oklch(0.275 0.038 256.0);
  --accent-foreground: oklch(0.940 0.015 250.0);
  --destructive: oklch(0.704 0.191 22.216);
  --destructive-foreground: oklch(0.985 0 0);
  --border: oklch(0.310 0.035 256.0);
  --input: oklch(0.310 0.035 256.0);
  --ring: oklch(0.680 0.065 255.0);
  --chart-1: oklch(0.704 0.04 256.788);
  --chart-2: oklch(0.554 0.046 257.417);
  --chart-3: oklch(0.446 0.043 257.281);
  --chart-4: oklch(0.391 0.039 257.287);
  --chart-5: oklch(0.293 0.032 260.166);
  --sidebar: oklch(0.195 0.036 256.0);
  --sidebar-foreground: oklch(0.940 0.015 250.0);
  --sidebar-primary: oklch(0.680 0.065 255.0);
  --sidebar-primary-foreground: oklch(0.129 0.042 264.695);
  --sidebar-accent: oklch(0.260 0.038 256.0);
  --sidebar-accent-foreground: oklch(0.940 0.015 250.0);
  --sidebar-border: oklch(0.310 0.035 256.0);
  --sidebar-ring: oklch(0.680 0.065 255.0);
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

/* ════════════════════════════════════════════════════════════════════════════
 * Theme: midnight
 * Deep obsidian noir, stark high contrast, and compact precision.
 * ════════════════════════════════════════════════════════════════════════════ */
[data-theme="midnight"] {
  --radius: 0.25rem;
  --background: oklch(0.990 0 0);
  --foreground: oklch(0.100 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.100 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.100 0 0);
  --primary: oklch(0.100 0 0);
  --primary-foreground: oklch(0.985 0 0);
  --secondary: oklch(0.950 0 0);
  --secondary-foreground: oklch(0.150 0 0);
  --muted: oklch(0.950 0 0);
  --muted-foreground: oklch(0.480 0 0);
  --accent: oklch(0.930 0 0);
  --accent-foreground: oklch(0.100 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.880 0 0);
  --input: oklch(0.880 0 0);
  --ring: oklch(0.100 0 0);
  --chart-1: oklch(0.20 0 0);
  --chart-2: oklch(0.35 0 0);
  --chart-3: oklch(0.50 0 0);
  --chart-4: oklch(0.65 0 0);
  --chart-5: oklch(0.80 0 0);
  --sidebar: oklch(0.970 0 0);
  --sidebar-foreground: oklch(0.100 0 0);
  --sidebar-primary: oklch(0.100 0 0);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.930 0 0);
  --sidebar-accent-foreground: oklch(0.100 0 0);
  --sidebar-border: oklch(0.880 0 0);
  --sidebar-ring: oklch(0.100 0 0);
  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

[data-theme="midnight"].dark, .dark[data-theme="midnight"] {
  --radius: 0.25rem;
  --background: oklch(0.090 0 0);
  --foreground: oklch(0.970 0 0);
  --card: oklch(0.145 0 0);
  --card-foreground: oklch(0.970 0 0);
  --popover: oklch(0.145 0 0);
  --popover-foreground: oklch(0.970 0 0);
  --primary: oklch(0.960 0 0);
  --primary-foreground: oklch(0.090 0 0);
  --secondary: oklch(0.190 0 0);
  --secondary-foreground: oklch(0.970 0 0);
  --muted: oklch(0.190 0 0);
  --muted-foreground: oklch(0.650 0 0);
  --accent: oklch(0.210 0 0);
  --accent-foreground: oklch(0.970 0 0);
  --destructive: oklch(0.704 0.191 22.216);
  --destructive-foreground: oklch(0.985 0 0);
  --border: oklch(0.240 0 0);
  --input: oklch(0.240 0 0);
  --ring: oklch(0.850 0 0);
  --chart-1: oklch(0.95 0 0);
  --chart-2: oklch(0.75 0 0);
  --chart-3: oklch(0.55 0 0);
  --chart-4: oklch(0.40 0 0);
  --chart-5: oklch(0.25 0 0);
  --sidebar: oklch(0.115 0 0);
  --sidebar-foreground: oklch(0.970 0 0);
  --sidebar-primary: oklch(0.960 0 0);
  --sidebar-primary-foreground: oklch(0.090 0 0);
  --sidebar-accent: oklch(0.190 0 0);
  --sidebar-accent-foreground: oklch(0.970 0 0);
  --sidebar-border: oklch(0.220 0 0);
  --sidebar-ring: oklch(0.850 0 0);
  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

/* ════════════════════════════════════════════════════════════════════════════
 * Theme: ocean
 * Abyssal navy tones, fluid curvature, and radiant cyan-azure waves.
 * ════════════════════════════════════════════════════════════════════════════ */
[data-theme="ocean"] {
  --radius: 0.75rem;
  --background: oklch(0.978 0.015 235.0);
  --foreground: oklch(0.180 0.060 245.0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.180 0.060 245.0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.180 0.060 245.0);
  --primary: oklch(0.520 0.190 240.0);
  --primary-foreground: oklch(0.985 0.010 235.0);
  --secondary: oklch(0.930 0.025 235.0);
  --secondary-foreground: oklch(0.220 0.060 245.0);
  --muted: oklch(0.930 0.025 235.0);
  --muted-foreground: oklch(0.520 0.050 240.0);
  --accent: oklch(0.910 0.035 235.0);
  --accent-foreground: oklch(0.180 0.060 245.0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.895 0.025 235.0);
  --input: oklch(0.895 0.025 235.0);
  --ring: oklch(0.520 0.190 240.0);
  --chart-1: oklch(0.809 0.105 251.813);
  --chart-2: oklch(0.623 0.214 259.815);
  --chart-3: oklch(0.546 0.245 262.881);
  --chart-4: oklch(0.488 0.243 264.376);
  --chart-5: oklch(0.424 0.199 265.638);
  --sidebar: oklch(0.955 0.020 235.0);
  --sidebar-foreground: oklch(0.180 0.060 245.0);
  --sidebar-primary: oklch(0.520 0.190 240.0);
  --sidebar-primary-foreground: oklch(0.985 0.010 235.0);
  --sidebar-accent: oklch(0.910 0.035 235.0);
  --sidebar-accent-foreground: oklch(0.180 0.060 245.0);
  --sidebar-border: oklch(0.895 0.025 235.0);
  --sidebar-ring: oklch(0.520 0.190 240.0);
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-serif: ui-serif, Georgia, serif;
  --font-mono: ui-monospace, monospace;
}

[data-theme="ocean"].dark, .dark[data-theme="ocean"] {
  --radius: 0.75rem;
  --background: oklch(0.150 0.040 240.0);
  --foreground: oklch(0.950 0.020 230.0);
  --card: oklch(0.205 0.045 240.0);
  --card-foreground: oklch(0.950 0.020 230.0);
  --popover: oklch(0.205 0.045 240.0);
  --popover-foreground: oklch(0.950 0.020 230.0);
  --primary: oklch(0.680 0.160 235.0);
  --primary-foreground: oklch(0.120 0.045 240.0);
  --secondary: oklch(0.260 0.045 240.0);
  --secondary-foreground: oklch(0.950 0.020 230.0);
  --muted: oklch(0.260 0.045 240.0);
  --muted-foreground: oklch(0.680 0.040 235.0);
  --accent: oklch(0.280 0.055 240.0);
  --accent-foreground: oklch(0.950 0.020 230.0);
  --destructive: oklch(0.704 0.191 22.216);
  --destructive-foreground: oklch(0.985 0 0);
  --border: oklch(0.290 0.045 240.0);
  --input: oklch(0.290 0.045 240.0);
  --ring: oklch(0.680 0.160 235.0);
  --chart-1: oklch(0.809 0.105 251.813);
  --chart-2: oklch(0.623 0.214 259.815);
  --chart-3: oklch(0.546 0.245 262.881);
  --chart-4: oklch(0.488 0.243 264.376);
  --chart-5: oklch(0.424 0.199 265.638);
  --sidebar: oklch(0.175 0.042 240.0);
  --sidebar-foreground: oklch(0.950 0.020 230.0);
  --sidebar-primary: oklch(0.680 0.160 235.0);
  --sidebar-primary-foreground: oklch(0.120 0.045 240.0);
  --sidebar-accent: oklch(0.260 0.045 240.0);
  --sidebar-accent-foreground: oklch(0.950 0.020 230.0);
  --sidebar-border: oklch(0.290 0.045 240.0);
  --sidebar-ring: oklch(0.680 0.160 235.0);
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-serif: ui-serif, Georgia, serif;
  --font-mono: ui-monospace, monospace;
}

/* ════════════════════════════════════════════════════════════════════════════
 * Theme: forest
 * Organic deep spruce and pine canopy with vibrant emerald highlights.
 * ════════════════════════════════════════════════════════════════════════════ */
[data-theme="forest"] {
  --radius: 0.625rem;
  --background: oklch(0.978 0.012 145.0);
  --foreground: oklch(0.190 0.050 148.0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.190 0.050 148.0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.190 0.050 148.0);
  --primary: oklch(0.530 0.160 145.0);
  --primary-foreground: oklch(0.986 0.020 140.0);
  --secondary: oklch(0.930 0.022 145.0);
  --secondary-foreground: oklch(0.220 0.050 148.0);
  --muted: oklch(0.930 0.022 145.0);
  --muted-foreground: oklch(0.520 0.040 145.0);
  --accent: oklch(0.910 0.030 145.0);
  --accent-foreground: oklch(0.190 0.050 148.0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.895 0.025 145.0);
  --input: oklch(0.895 0.025 145.0);
  --ring: oklch(0.530 0.160 145.0);
  --chart-1: oklch(0.871 0.15 154.449);
  --chart-2: oklch(0.723 0.219 149.579);
  --chart-3: oklch(0.627 0.194 149.214);
  --chart-4: oklch(0.527 0.154 150.069);
  --chart-5: oklch(0.448 0.119 151.328);
  --sidebar: oklch(0.955 0.018 145.0);
  --sidebar-foreground: oklch(0.190 0.050 148.0);
  --sidebar-primary: oklch(0.530 0.160 145.0);
  --sidebar-primary-foreground: oklch(0.986 0.020 140.0);
  --sidebar-accent: oklch(0.910 0.030 145.0);
  --sidebar-accent-foreground: oklch(0.190 0.050 148.0);
  --sidebar-border: oklch(0.895 0.025 145.0);
  --sidebar-ring: oklch(0.530 0.160 145.0);
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-serif: ui-serif, Georgia, serif;
  --font-mono: ui-monospace, monospace;
}

[data-theme="forest"].dark, .dark[data-theme="forest"] {
  --radius: 0.625rem;
  --background: oklch(0.150 0.030 150.0);
  --foreground: oklch(0.960 0.020 140.0);
  --card: oklch(0.200 0.035 150.0);
  --card-foreground: oklch(0.960 0.020 140.0);
  --popover: oklch(0.200 0.035 150.0);
  --popover-foreground: oklch(0.960 0.020 140.0);
  --primary: oklch(0.700 0.160 145.0);
  --primary-foreground: oklch(0.120 0.035 150.0);
  --secondary: oklch(0.250 0.035 150.0);
  --secondary-foreground: oklch(0.960 0.020 140.0);
  --muted: oklch(0.250 0.035 150.0);
  --muted-foreground: oklch(0.680 0.035 145.0);
  --accent: oklch(0.270 0.045 150.0);
  --accent-foreground: oklch(0.960 0.020 140.0);
  --destructive: oklch(0.704 0.191 22.216);
  --destructive-foreground: oklch(0.985 0 0);
  --border: oklch(0.280 0.035 150.0);
  --input: oklch(0.280 0.035 150.0);
  --ring: oklch(0.700 0.160 145.0);
  --chart-1: oklch(0.871 0.15 154.449);
  --chart-2: oklch(0.723 0.219 149.579);
  --chart-3: oklch(0.627 0.194 149.214);
  --chart-4: oklch(0.527 0.154 150.069);
  --chart-5: oklch(0.448 0.119 151.328);
  --sidebar: oklch(0.170 0.032 150.0);
  --sidebar-foreground: oklch(0.960 0.020 140.0);
  --sidebar-primary: oklch(0.700 0.160 145.0);
  --sidebar-primary-foreground: oklch(0.120 0.035 150.0);
  --sidebar-accent: oklch(0.250 0.035 150.0);
  --sidebar-accent-foreground: oklch(0.960 0.020 140.0);
  --sidebar-border: oklch(0.280 0.035 150.0);
  --sidebar-ring: oklch(0.700 0.160 145.0);
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-serif: ui-serif, Georgia, serif;
  --font-mono: ui-monospace, monospace;
}

/* ════════════════════════════════════════════════════════════════════════════
 * Theme: sunset
 * Warm roasted charcoal embers and glowing twilight amber-orange.
 * ════════════════════════════════════════════════════════════════════════════ */
[data-theme="sunset"] {
  --radius: 0.5rem;
  --background: oklch(0.982 0.012 60.0);
  --foreground: oklch(0.200 0.050 45.0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.200 0.050 45.0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.200 0.050 45.0);
  --primary: oklch(0.600 0.200 45.0);
  --primary-foreground: oklch(0.990 0.010 60.0);
  --secondary: oklch(0.935 0.025 60.0);
  --secondary-foreground: oklch(0.230 0.050 45.0);
  --muted: oklch(0.935 0.025 60.0);
  --muted-foreground: oklch(0.520 0.040 50.0);
  --accent: oklch(0.915 0.035 60.0);
  --accent-foreground: oklch(0.200 0.050 45.0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.900 0.025 60.0);
  --input: oklch(0.900 0.025 60.0);
  --ring: oklch(0.600 0.200 45.0);
  --chart-1: oklch(0.837 0.128 66.29);
  --chart-2: oklch(0.705 0.213 47.604);
  --chart-3: oklch(0.646 0.222 41.116);
  --chart-4: oklch(0.553 0.195 38.402);
  --chart-5: oklch(0.47 0.157 37.304);
  --sidebar: oklch(0.960 0.018 60.0);
  --sidebar-foreground: oklch(0.200 0.050 45.0);
  --sidebar-primary: oklch(0.600 0.200 45.0);
  --sidebar-primary-foreground: oklch(0.990 0.010 60.0);
  --sidebar-accent: oklch(0.915 0.035 60.0);
  --sidebar-accent-foreground: oklch(0.200 0.050 45.0);
  --sidebar-border: oklch(0.900 0.025 60.0);
  --sidebar-ring: oklch(0.600 0.200 45.0);
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-serif: ui-serif, Georgia, serif;
  --font-mono: ui-monospace, monospace;
}

[data-theme="sunset"].dark, .dark[data-theme="sunset"] {
  --radius: 0.5rem;
  --background: oklch(0.160 0.025 45.0);
  --foreground: oklch(0.960 0.020 65.0);
  --card: oklch(0.210 0.030 45.0);
  --card-foreground: oklch(0.960 0.020 65.0);
  --popover: oklch(0.210 0.030 45.0);
  --popover-foreground: oklch(0.960 0.020 65.0);
  --primary: oklch(0.720 0.180 50.0);
  --primary-foreground: oklch(0.130 0.030 45.0);
  --secondary: oklch(0.260 0.030 45.0);
  --secondary-foreground: oklch(0.960 0.020 65.0);
  --muted: oklch(0.260 0.030 45.0);
  --muted-foreground: oklch(0.680 0.030 55.0);
  --accent: oklch(0.280 0.040 45.0);
  --accent-foreground: oklch(0.960 0.020 65.0);
  --destructive: oklch(0.704 0.191 22.216);
  --destructive-foreground: oklch(0.985 0 0);
  --border: oklch(0.295 0.032 45.0);
  --input: oklch(0.295 0.032 45.0);
  --ring: oklch(0.720 0.180 50.0);
  --chart-1: oklch(0.837 0.128 66.29);
  --chart-2: oklch(0.705 0.213 47.604);
  --chart-3: oklch(0.646 0.222 41.116);
  --chart-4: oklch(0.553 0.195 38.402);
  --chart-5: oklch(0.47 0.157 37.304);
  --sidebar: oklch(0.180 0.028 45.0);
  --sidebar-foreground: oklch(0.960 0.020 65.0);
  --sidebar-primary: oklch(0.720 0.180 50.0);
  --sidebar-primary-foreground: oklch(0.130 0.030 45.0);
  --sidebar-accent: oklch(0.260 0.030 45.0);
  --sidebar-accent-foreground: oklch(0.960 0.020 65.0);
  --sidebar-border: oklch(0.295 0.032 45.0);
  --sidebar-ring: oklch(0.720 0.180 50.0);
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-serif: ui-serif, Georgia, serif;
  --font-mono: ui-monospace, monospace;
}

/* ════════════════════════════════════════════════════════════════════════════
 * Theme: cherry
 * Deep black cherry velvet, vibrant crimson ruby, and lush curved shapes.
 * ════════════════════════════════════════════════════════════════════════════ */
[data-theme="cherry"] {
  --radius: 1.0rem;
  --background: oklch(0.982 0.012 15.0);
  --foreground: oklch(0.200 0.060 15.0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.200 0.060 15.0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.200 0.060 15.0);
  --primary: oklch(0.560 0.230 15.0);
  --primary-foreground: oklch(0.985 0.010 15.0);
  --secondary: oklch(0.935 0.025 15.0);
  --secondary-foreground: oklch(0.230 0.060 15.0);
  --muted: oklch(0.935 0.025 15.0);
  --muted-foreground: oklch(0.520 0.050 15.0);
  --accent: oklch(0.915 0.035 15.0);
  --accent-foreground: oklch(0.200 0.060 15.0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.905 0.025 15.0);
  --input: oklch(0.905 0.025 15.0);
  --ring: oklch(0.560 0.230 15.0);
  --chart-1: oklch(0.81 0.117 11.638);
  --chart-2: oklch(0.645 0.246 16.439);
  --chart-3: oklch(0.586 0.253 17.585);
  --chart-4: oklch(0.514 0.222 16.935);
  --chart-5: oklch(0.455 0.188 13.697);
  --sidebar: oklch(0.960 0.018 15.0);
  --sidebar-foreground: oklch(0.200 0.060 15.0);
  --sidebar-primary: oklch(0.560 0.230 15.0);
  --sidebar-primary-foreground: oklch(0.985 0.010 15.0);
  --sidebar-accent: oklch(0.915 0.035 15.0);
  --sidebar-accent-foreground: oklch(0.200 0.060 15.0);
  --sidebar-border: oklch(0.905 0.025 15.0);
  --sidebar-ring: oklch(0.560 0.230 15.0);
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-serif: ui-serif, Georgia, serif;
  --font-mono: ui-monospace, monospace;
}

[data-theme="cherry"].dark, .dark[data-theme="cherry"] {
  --radius: 1.0rem;
  --background: oklch(0.155 0.030 15.0);
  --foreground: oklch(0.965 0.020 20.0);
  --card: oklch(0.210 0.038 15.0);
  --card-foreground: oklch(0.965 0.020 20.0);
  --popover: oklch(0.210 0.038 15.0);
  --popover-foreground: oklch(0.965 0.020 20.0);
  --primary: oklch(0.680 0.210 18.0);
  --primary-foreground: oklch(0.985 0 0);
  --secondary: oklch(0.260 0.038 15.0);
  --secondary-foreground: oklch(0.965 0.020 20.0);
  --muted: oklch(0.260 0.038 15.0);
  --muted-foreground: oklch(0.680 0.030 18.0);
  --accent: oklch(0.280 0.050 15.0);
  --accent-foreground: oklch(0.965 0.020 20.0);
  --destructive: oklch(0.704 0.191 22.216);
  --destructive-foreground: oklch(0.985 0 0);
  --border: oklch(0.290 0.040 15.0);
  --input: oklch(0.290 0.040 15.0);
  --ring: oklch(0.680 0.210 18.0);
  --chart-1: oklch(0.81 0.117 11.638);
  --chart-2: oklch(0.645 0.246 16.439);
  --chart-3: oklch(0.586 0.253 17.585);
  --chart-4: oklch(0.514 0.222 16.935);
  --chart-5: oklch(0.455 0.188 13.697);
  --sidebar: oklch(0.180 0.034 15.0);
  --sidebar-foreground: oklch(0.965 0.020 20.0);
  --sidebar-primary: oklch(0.680 0.210 18.0);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.260 0.038 15.0);
  --sidebar-accent-foreground: oklch(0.965 0.020 20.0);
  --sidebar-border: oklch(0.290 0.040 15.0);
  --sidebar-ring: oklch(0.680 0.210 18.0);
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-serif: ui-serif, Georgia, serif;
  --font-mono: ui-monospace, monospace;
}

/* ════════════════════════════════════════════════════════════════════════════
 * Theme: amethyst
 * Imperial violet gemstone depths, glowing crystal quartz, and elegant facets.
 * ════════════════════════════════════════════════════════════════════════════ */
[data-theme="amethyst"] {
  --radius: 0.75rem;
  --background: oklch(0.980 0.015 300.0);
  --foreground: oklch(0.200 0.060 300.0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.200 0.060 300.0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.200 0.060 300.0);
  --primary: oklch(0.550 0.230 295.0);
  --primary-foreground: oklch(0.985 0.010 300.0);
  --secondary: oklch(0.935 0.025 300.0);
  --secondary-foreground: oklch(0.230 0.060 300.0);
  --muted: oklch(0.935 0.025 300.0);
  --muted-foreground: oklch(0.520 0.050 300.0);
  --accent: oklch(0.915 0.035 300.0);
  --accent-foreground: oklch(0.200 0.060 300.0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.900 0.030 300.0);
  --input: oklch(0.900 0.030 300.0);
  --ring: oklch(0.550 0.230 295.0);
  --chart-1: oklch(0.811 0.111 293.571);
  --chart-2: oklch(0.606 0.25 292.717);
  --chart-3: oklch(0.541 0.281 293.009);
  --chart-4: oklch(0.491 0.27 292.581);
  --chart-5: oklch(0.432 0.232 292.759);
  --sidebar: oklch(0.960 0.020 300.0);
  --sidebar-foreground: oklch(0.200 0.060 300.0);
  --sidebar-primary: oklch(0.550 0.230 295.0);
  --sidebar-primary-foreground: oklch(0.985 0.010 300.0);
  --sidebar-accent: oklch(0.915 0.035 300.0);
  --sidebar-accent-foreground: oklch(0.200 0.060 300.0);
  --sidebar-border: oklch(0.900 0.030 300.0);
  --sidebar-ring: oklch(0.550 0.230 295.0);
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-serif: ui-serif, Georgia, serif;
  --font-mono: ui-monospace, monospace;
}

[data-theme="amethyst"].dark, .dark[data-theme="amethyst"] {
  --radius: 0.75rem;
  --background: oklch(0.155 0.035 295.0);
  --foreground: oklch(0.965 0.020 300.0);
  --card: oklch(0.210 0.042 295.0);
  --card-foreground: oklch(0.965 0.020 300.0);
  --popover: oklch(0.210 0.042 295.0);
  --popover-foreground: oklch(0.965 0.020 300.0);
  --primary: oklch(0.720 0.190 295.0);
  --primary-foreground: oklch(0.130 0.035 295.0);
  --secondary: oklch(0.260 0.042 295.0);
  --secondary-foreground: oklch(0.965 0.020 300.0);
  --muted: oklch(0.260 0.042 295.0);
  --muted-foreground: oklch(0.680 0.035 295.0);
  --accent: oklch(0.280 0.055 295.0);
  --accent-foreground: oklch(0.965 0.020 300.0);
  --destructive: oklch(0.704 0.191 22.216);
  --destructive-foreground: oklch(0.985 0 0);
  --border: oklch(0.290 0.045 295.0);
  --input: oklch(0.290 0.045 295.0);
  --ring: oklch(0.720 0.190 295.0);
  --chart-1: oklch(0.811 0.111 293.571);
  --chart-2: oklch(0.606 0.25 292.717);
  --chart-3: oklch(0.541 0.281 293.009);
  --chart-4: oklch(0.491 0.27 292.581);
  --chart-5: oklch(0.432 0.232 292.759);
  --sidebar: oklch(0.180 0.038 295.0);
  --sidebar-foreground: oklch(0.965 0.020 300.0);
  --sidebar-primary: oklch(0.720 0.190 295.0);
  --sidebar-primary-foreground: oklch(0.130 0.035 295.0);
  --sidebar-accent: oklch(0.260 0.042 295.0);
  --sidebar-accent-foreground: oklch(0.965 0.020 300.0);
  --sidebar-border: oklch(0.290 0.045 295.0);
  --sidebar-ring: oklch(0.720 0.190 295.0);
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-serif: ui-serif, Georgia, serif;
  --font-mono: ui-monospace, monospace;
}

/* ════════════════════════════════════════════════════════════════════════════
 * Theme: sunshine
 * Roasted honey-espresso warmth with luminous golden amber sunshine.
 * ════════════════════════════════════════════════════════════════════════════ */
[data-theme="sunshine"] {
  --radius: 0.875rem;
  --background: oklch(0.985 0.015 90.0);
  --foreground: oklch(0.210 0.050 80.0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.210 0.050 80.0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.210 0.050 80.0);
  --primary: oklch(0.680 0.170 85.0);
  --primary-foreground: oklch(0.180 0.050 80.0);
  --secondary: oklch(0.940 0.025 90.0);
  --secondary-foreground: oklch(0.230 0.050 80.0);
  --muted: oklch(0.940 0.025 90.0);
  --muted-foreground: oklch(0.530 0.040 85.0);
  --accent: oklch(0.920 0.035 90.0);
  --accent-foreground: oklch(0.210 0.050 80.0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.895 0.030 90.0);
  --input: oklch(0.895 0.030 90.0);
  --ring: oklch(0.680 0.170 85.0);
  --chart-1: oklch(0.905 0.182 98.111);
  --chart-2: oklch(0.795 0.184 86.047);
  --chart-3: oklch(0.681 0.162 75.834);
  --chart-4: oklch(0.554 0.135 66.442);
  --chart-5: oklch(0.476 0.114 61.907);
  --sidebar: oklch(0.965 0.020 90.0);
  --sidebar-foreground: oklch(0.210 0.050 80.0);
  --sidebar-primary: oklch(0.680 0.170 85.0);
  --sidebar-primary-foreground: oklch(0.180 0.050 80.0);
  --sidebar-accent: oklch(0.920 0.035 90.0);
  --sidebar-accent-foreground: oklch(0.210 0.050 80.0);
  --sidebar-border: oklch(0.895 0.030 90.0);
  --sidebar-ring: oklch(0.680 0.170 85.0);
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-serif: ui-serif, Georgia, serif;
  --font-mono: ui-monospace, monospace;
}

[data-theme="sunshine"].dark, .dark[data-theme="sunshine"] {
  --radius: 0.875rem;
  --background: oklch(0.160 0.025 85.0);
  --foreground: oklch(0.965 0.025 90.0);
  --card: oklch(0.215 0.032 85.0);
  --card-foreground: oklch(0.965 0.025 90.0);
  --popover: oklch(0.215 0.032 85.0);
  --popover-foreground: oklch(0.965 0.025 90.0);
  --primary: oklch(0.800 0.170 88.0);
  --primary-foreground: oklch(0.180 0.050 80.0);
  --secondary: oklch(0.265 0.032 85.0);
  --secondary-foreground: oklch(0.965 0.025 90.0);
  --muted: oklch(0.265 0.032 85.0);
  --muted-foreground: oklch(0.700 0.035 88.0);
  --accent: oklch(0.290 0.045 85.0);
  --accent-foreground: oklch(0.965 0.025 90.0);
  --destructive: oklch(0.704 0.191 22.216);
  --destructive-foreground: oklch(0.985 0 0);
  --border: oklch(0.300 0.035 85.0);
  --input: oklch(0.300 0.035 85.0);
  --ring: oklch(0.800 0.170 88.0);
  --chart-1: oklch(0.905 0.182 98.111);
  --chart-2: oklch(0.795 0.184 86.047);
  --chart-3: oklch(0.681 0.162 75.834);
  --chart-4: oklch(0.554 0.135 66.442);
  --chart-5: oklch(0.476 0.114 61.907);
  --sidebar: oklch(0.185 0.030 85.0);
  --sidebar-foreground: oklch(0.965 0.025 90.0);
  --sidebar-primary: oklch(0.800 0.170 88.0);
  --sidebar-primary-foreground: oklch(0.180 0.050 80.0);
  --sidebar-accent: oklch(0.265 0.032 85.0);
  --sidebar-accent-foreground: oklch(0.965 0.025 90.0);
  --sidebar-border: oklch(0.300 0.035 85.0);
  --sidebar-ring: oklch(0.800 0.170 88.0);
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-serif: ui-serif, Georgia, serif;
  --font-mono: ui-monospace, monospace;
}

/* Theme: claude */
[data-theme="claude"] {
  --background: oklch(0.9818 0.0054 95.0986);
  --foreground: oklch(0.3438 0.0269 95.7226);
  --card: oklch(0.9818 0.0054 95.0986);
  --card-foreground: oklch(0.1908 0.0020 106.5859);
  --popover: oklch(1.0000 0 0);
  --popover-foreground: oklch(0.2671 0.0196 98.9390);
  --primary: oklch(0.6171 0.1375 39.0427);
  --primary-foreground: oklch(1.0000 0 0);
  --secondary: oklch(0.9245 0.0138 92.9892);
  --secondary-foreground: oklch(0.4334 0.0177 98.6048);
  --muted: oklch(0.9341 0.0153 90.2390);
  --muted-foreground: oklch(0.6059 0.0075 97.4233);
  --accent: oklch(0.9245 0.0138 92.9892);
  --accent-foreground: oklch(0.2671 0.0196 98.9390);
  --destructive: oklch(0.1908 0.0020 106.5859);
  --destructive-foreground: oklch(1.0000 0 0);
  --border: oklch(0.8847 0.0069 97.3627);
  --input: oklch(0.7621 0.0156 98.3528);
  --ring: oklch(0.6171 0.1375 39.0427);
  --chart-1: oklch(0.5583 0.1276 42.9956);
  --chart-2: oklch(0.6898 0.1581 290.4107);
  --chart-3: oklch(0.8816 0.0276 93.1280);
  --chart-4: oklch(0.8822 0.0403 298.1792);
  --chart-5: oklch(0.5608 0.1348 42.0584);
  --sidebar: oklch(0.9663 0.0080 98.8792);
  --sidebar-foreground: oklch(0.3590 0.0051 106.6524);
  --sidebar-primary: oklch(0.6171 0.1375 39.0427);
  --sidebar-primary-foreground: oklch(0.9881 0 0);
  --sidebar-accent: oklch(0.9245 0.0138 92.9892);
  --sidebar-accent-foreground: oklch(0.3250 0 0);
  --sidebar-border: oklch(0.9401 0 0);
  --sidebar-ring: oklch(0.7731 0 0);
  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --radius: 0.5rem;
  --shadow-x: 0;
  --shadow-y: 1px;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-opacity: 0.1;
  --shadow-color: oklch(0 0 0);
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
  --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
  --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
  --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
  --spacing: 0.25rem;
}

[data-theme="claude"].dark, .dark[data-theme="claude"] {
  --background: oklch(0.2679 0.0036 106.6427);
  --foreground: oklch(0.8074 0.0142 93.0137);
  --card: oklch(0.2679 0.0036 106.6427);
  --card-foreground: oklch(0.9818 0.0054 95.0986);
  --popover: oklch(0.3085 0.0035 106.6039);
  --popover-foreground: oklch(0.9211 0.0040 106.4781);
  --primary: oklch(0.6724 0.1308 38.7559);
  --primary-foreground: oklch(1.0000 0 0);
  --secondary: oklch(0.9818 0.0054 95.0986);
  --secondary-foreground: oklch(0.3085 0.0035 106.6039);
  --muted: oklch(0.2213 0.0038 106.7070);
  --muted-foreground: oklch(0.7713 0.0169 99.0657);
  --accent: oklch(0.2130 0.0078 95.4245);
  --accent-foreground: oklch(0.9663 0.0080 98.8792);
  --destructive: oklch(0.6368 0.2078 25.3313);
  --destructive-foreground: oklch(1.0000 0 0);
  --border: oklch(0.3618 0.0101 106.8928);
  --input: oklch(0.4336 0.0113 100.2195);
  --ring: oklch(0.6724 0.1308 38.7559);
  --chart-1: oklch(0.5583 0.1276 42.9956);
  --chart-2: oklch(0.6898 0.1581 290.4107);
  --chart-3: oklch(0.2130 0.0078 95.4245);
  --chart-4: oklch(0.3074 0.0516 289.3230);
  --chart-5: oklch(0.5608 0.1348 42.0584);
  --sidebar: oklch(0.2357 0.0024 67.7077);
  --sidebar-foreground: oklch(0.8074 0.0142 93.0137);
  --sidebar-primary: oklch(0.3250 0 0);
  --sidebar-primary-foreground: oklch(0.9881 0 0);
  --sidebar-accent: oklch(0.1680 0.0020 106.6177);
  --sidebar-accent-foreground: oklch(0.8074 0.0142 93.0137);
  --sidebar-border: oklch(0.9401 0 0);
  --sidebar-ring: oklch(0.7731 0 0);
  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --radius: 0.5rem;
  --shadow-x: 0;
  --shadow-y: 1px;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-opacity: 0.1;
  --shadow-color: oklch(0 0 0);
  --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: clean-slate */
[data-theme="clean-slate"] {
  --background: oklch(0.9842 0.0034 247.8575);
  --foreground: oklch(0.2795 0.0368 260.0310);
  --card: oklch(1.0000 0 0);
  --card-foreground: oklch(0.2795 0.0368 260.0310);
  --popover: oklch(1.0000 0 0);
  --popover-foreground: oklch(0.2795 0.0368 260.0310);
  --primary: oklch(0.5854 0.2041 277.1173);
  --primary-foreground: oklch(1.0000 0 0);
  --secondary: oklch(0.9276 0.0058 264.5313);
  --secondary-foreground: oklch(0.3729 0.0306 259.7328);
  --muted: oklch(0.9670 0.0029 264.5419);
  --muted-foreground: oklch(0.5510 0.0234 264.3637);
  --accent: oklch(0.9299 0.0334 272.7879);
  --accent-foreground: oklch(0.3729 0.0306 259.7328);
  --destructive: oklch(0.6368 0.2078 25.3313);
  --destructive-foreground: oklch(1.0000 0 0);
  --border: oklch(0.8717 0.0093 258.3382);
  --input: oklch(0.8717 0.0093 258.3382);
  --ring: oklch(0.5854 0.2041 277.1173);
  --chart-1: oklch(0.5854 0.2041 277.1173);
  --chart-2: oklch(0.5106 0.2301 276.9656);
  --chart-3: oklch(0.4568 0.2146 277.0229);
  --chart-4: oklch(0.3984 0.1773 277.3662);
  --chart-5: oklch(0.3588 0.1354 278.6973);
  --sidebar: oklch(0.9670 0.0029 264.5419);
  --sidebar-foreground: oklch(0.2795 0.0368 260.0310);
  --sidebar-primary: oklch(0.5854 0.2041 277.1173);
  --sidebar-primary-foreground: oklch(1.0000 0 0);
  --sidebar-accent: oklch(0.9299 0.0334 272.7879);
  --sidebar-accent-foreground: oklch(0.3729 0.0306 259.7328);
  --sidebar-border: oklch(0.8717 0.0093 258.3382);
  --sidebar-ring: oklch(0.5854 0.2041 277.1173);
  --font-sans: Inter, sans-serif;
  --font-serif: Merriweather, serif;
  --font-mono: JetBrains Mono, monospace;
  --radius: 0.5rem;
  --shadow-x: 0px;
  --shadow-y: 4px;
  --shadow-blur: 8px;
  --shadow-spread: -1px;
  --shadow-opacity: 0.1;
  --shadow-color: hsl(0 0% 0%);
  --shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
  --shadow-sm: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);
  --shadow: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);
  --shadow-md: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 2px 4px -2px hsl(0 0% 0% / 0.10);
  --shadow-lg: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 4px 6px -2px hsl(0 0% 0% / 0.10);
  --shadow-xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 8px 10px -2px hsl(0 0% 0% / 0.10);
  --shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
  --spacing: 0.25rem;
}

[data-theme="clean-slate"].dark, .dark[data-theme="clean-slate"] {
  --background: oklch(0.2077 0.0398 265.7549);
  --foreground: oklch(0.9288 0.0126 255.5078);
  --card: oklch(0.2795 0.0368 260.0310);
  --card-foreground: oklch(0.9288 0.0126 255.5078);
  --popover: oklch(0.2795 0.0368 260.0310);
  --popover-foreground: oklch(0.9288 0.0126 255.5078);
  --primary: oklch(0.6801 0.1583 276.9349);
  --primary-foreground: oklch(0.2077 0.0398 265.7549);
  --secondary: oklch(0.3351 0.0331 260.9120);
  --secondary-foreground: oklch(0.8717 0.0093 258.3382);
  --muted: oklch(0.2427 0.0381 259.9437);
  --muted-foreground: oklch(0.7137 0.0192 261.3246);
  --accent: oklch(0.3729 0.0306 259.7328);
  --accent-foreground: oklch(0.8717 0.0093 258.3382);
  --destructive: oklch(0.6368 0.2078 25.3313);
  --destructive-foreground: oklch(0.2077 0.0398 265.7549);
  --border: oklch(0.4461 0.0263 256.8018);
  --input: oklch(0.4461 0.0263 256.8018);
  --ring: oklch(0.6801 0.1583 276.9349);
  --chart-1: oklch(0.6801 0.1583 276.9349);
  --chart-2: oklch(0.5854 0.2041 277.1173);
  --chart-3: oklch(0.5106 0.2301 276.9656);
  --chart-4: oklch(0.4568 0.2146 277.0229);
  --chart-5: oklch(0.3984 0.1773 277.3662);
  --sidebar: oklch(0.2795 0.0368 260.0310);
  --sidebar-foreground: oklch(0.9288 0.0126 255.5078);
  --sidebar-primary: oklch(0.6801 0.1583 276.9349);
  --sidebar-primary-foreground: oklch(0.2077 0.0398 265.7549);
  --sidebar-accent: oklch(0.3729 0.0306 259.7328);
  --sidebar-accent-foreground: oklch(0.8717 0.0093 258.3382);
  --sidebar-border: oklch(0.4461 0.0263 256.8018);
  --sidebar-ring: oklch(0.6801 0.1583 276.9349);
  --font-sans: Inter, sans-serif;
  --font-serif: Merriweather, serif;
  --font-mono: JetBrains Mono, monospace;
  --radius: 0.5rem;
  --shadow-x: 0px;
  --shadow-y: 4px;
  --shadow-blur: 8px;
  --shadow-spread: -1px;
  --shadow-opacity: 0.1;
  --shadow-color: hsl(0 0% 0%);
  --shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
  --shadow-sm: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);
  --shadow: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);
  --shadow-md: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 2px 4px -2px hsl(0 0% 0% / 0.10);
  --shadow-lg: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 4px 6px -2px hsl(0 0% 0% / 0.10);
  --shadow-xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 8px 10px -2px hsl(0 0% 0% / 0.10);
  --shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);
}



/* Theme: modern-minimal */
[data-theme="modern-minimal"] {
  --background: oklch(1.0000 0 0);
  --foreground: oklch(0.3211 0 0);
  --card: oklch(1.0000 0 0);
  --card-foreground: oklch(0.3211 0 0);
  --popover: oklch(1.0000 0 0);
  --popover-foreground: oklch(0.3211 0 0);
  --primary: oklch(0.6231 0.1880 259.8145);
  --primary-foreground: oklch(1.0000 0 0);
  --secondary: oklch(0.9670 0.0029 264.5419);
  --secondary-foreground: oklch(0.4461 0.0263 256.8018);
  --muted: oklch(0.9846 0.0017 247.8389);
  --muted-foreground: oklch(0.5510 0.0234 264.3637);
  --accent: oklch(0.9514 0.0250 236.8242);
  --accent-foreground: oklch(0.3791 0.1378 265.5222);
  --destructive: oklch(0.6368 0.2078 25.3313);
  --destructive-foreground: oklch(1.0000 0 0);
  --border: oklch(0.9276 0.0058 264.5313);
  --input: oklch(0.9276 0.0058 264.5313);
  --ring: oklch(0.6231 0.1880 259.8145);
  --chart-1: oklch(0.6231 0.1880 259.8145);
  --chart-2: oklch(0.5461 0.2152 262.8809);
  --chart-3: oklch(0.4882 0.2172 264.3763);
  --chart-4: oklch(0.4244 0.1809 265.6377);
  --chart-5: oklch(0.3791 0.1378 265.5222);
  --sidebar: oklch(0.9846 0.0017 247.8389);
  --sidebar-foreground: oklch(0.3211 0 0);
  --sidebar-primary: oklch(0.6231 0.1880 259.8145);
  --sidebar-primary-foreground: oklch(1.0000 0 0);
  --sidebar-accent: oklch(0.9514 0.0250 236.8242);
  --sidebar-accent-foreground: oklch(0.3791 0.1378 265.5222);
  --sidebar-border: oklch(0.9276 0.0058 264.5313);
  --sidebar-ring: oklch(0.6231 0.1880 259.8145);
  --font-sans: Inter, sans-serif;
  --font-serif: Source Serif 4, serif;
  --font-mono: JetBrains Mono, monospace;
  --radius: 0.375rem;
  --shadow-x: 0;
  --shadow-y: 1px;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-opacity: 0.1;
  --shadow-color: oklch(0 0 0);
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10);
  --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10);
  --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10);
  --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
  --spacing: 0.25rem;
}

[data-theme="modern-minimal"].dark, .dark[data-theme="modern-minimal"] {
  --background: oklch(0.2046 0 0);
  --foreground: oklch(0.9219 0 0);
  --card: oklch(0.2686 0 0);
  --card-foreground: oklch(0.9219 0 0);
  --popover: oklch(0.2686 0 0);
  --popover-foreground: oklch(0.9219 0 0);
  --primary: oklch(0.6231 0.1880 259.8145);
  --primary-foreground: oklch(1.0000 0 0);
  --secondary: oklch(0.2686 0 0);
  --secondary-foreground: oklch(0.9219 0 0);
  --muted: oklch(0.2393 0 0);
  --muted-foreground: oklch(0.7155 0 0);
  --accent: oklch(0.3791 0.1378 265.5222);
  --accent-foreground: oklch(0.8823 0.0571 254.1284);
  --destructive: oklch(0.6368 0.2078 25.3313);
  --destructive-foreground: oklch(1.0000 0 0);
  --border: oklch(0.3715 0 0);
  --input: oklch(0.3715 0 0);
  --ring: oklch(0.6231 0.1880 259.8145);
  --chart-1: oklch(0.7137 0.1434 254.6240);
  --chart-2: oklch(0.6231 0.1880 259.8145);
  --chart-3: oklch(0.5461 0.2152 262.8809);
  --chart-4: oklch(0.4882 0.2172 264.3763);
  --chart-5: oklch(0.4244 0.1809 265.6377);
  --sidebar: oklch(0.2046 0 0);
  --sidebar-foreground: oklch(0.9219 0 0);
  --sidebar-primary: oklch(0.6231 0.1880 259.8145);
  --sidebar-primary-foreground: oklch(1.0000 0 0);
  --sidebar-accent: oklch(0.3791 0.1378 265.5222);
  --sidebar-accent-foreground: oklch(0.8823 0.0571 254.1284);
  --sidebar-border: oklch(0.3715 0 0);
  --sidebar-ring: oklch(0.6231 0.1880 259.8145);
  --font-sans: Inter, sans-serif;
  --font-serif: Source Serif 4, serif;
  --font-mono: JetBrains Mono, monospace;
  --radius: 0.375rem;
  --shadow-x: 0;
  --shadow-y: 1px;
  --shadow-blur: 3px;
  --shadow-spread: 0px;
  --shadow-opacity: 0.1;
  --shadow-color: oklch(0 0 0);
  --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: mono */
[data-theme="mono"] {
  --background: oklch(1.0000 0 0);
  --foreground: oklch(0.1448 0 0);
  --card: oklch(1.0000 0 0);
  --card-foreground: oklch(0.1448 0 0);
  --popover: oklch(1.0000 0 0);
  --popover-foreground: oklch(0.1448 0 0);
  --primary: oklch(0.5555 0 0);
  --primary-foreground: oklch(0.9851 0 0);
  --secondary: oklch(0.9702 0 0);
  --secondary-foreground: oklch(0.2046 0 0);
  --muted: oklch(0.9702 0 0);
  --muted-foreground: oklch(0.5486 0 0);
  --accent: oklch(0.9702 0 0);
  --accent-foreground: oklch(0.2046 0 0);
  --destructive: oklch(0.5830 0.2387 28.4765);
  --destructive-foreground: oklch(0.9702 0 0);
  --border: oklch(0.9219 0 0);
  --input: oklch(0.9219 0 0);
  --ring: oklch(0.7090 0 0);
  --chart-1: oklch(0.5555 0 0);
  --chart-2: oklch(0.5555 0 0);
  --chart-3: oklch(0.5555 0 0);
  --chart-4: oklch(0.5555 0 0);
  --chart-5: oklch(0.5555 0 0);
  --sidebar: oklch(0.9851 0 0);
  --sidebar-foreground: oklch(0.1448 0 0);
  --sidebar-primary: oklch(0.2046 0 0);
  --sidebar-primary-foreground: oklch(0.9851 0 0);
  --sidebar-accent: oklch(0.9702 0 0);
  --sidebar-accent-foreground: oklch(0.2046 0 0);
  --sidebar-border: oklch(0.9219 0 0);
  --sidebar-ring: oklch(0.7090 0 0);
  --font-sans: Geist Mono, monospace;
  --font-serif: Geist Mono, monospace;
  --font-mono: Geist Mono, monospace;
  --radius: 0rem;
  --shadow-x: 0px;
  --shadow-y: 1px;
  --shadow-blur: 0px;
  --shadow-spread: 0px;
  --shadow-opacity: 0;
  --shadow-color: hsl(0 0% 0%);
  --shadow-2xs: 0px 1px 0px 0px hsl(0 0% 0% / 0.00);
  --shadow-xs: 0px 1px 0px 0px hsl(0 0% 0% / 0.00);
  --shadow-sm: 0px 1px 0px 0px hsl(0 0% 0% / 0.00), 0px 1px 2px -1px hsl(0 0% 0% / 0.00);
  --shadow: 0px 1px 0px 0px hsl(0 0% 0% / 0.00), 0px 1px 2px -1px hsl(0 0% 0% / 0.00);
  --shadow-md: 0px 1px 0px 0px hsl(0 0% 0% / 0.00), 0px 2px 4px -1px hsl(0 0% 0% / 0.00);
  --shadow-lg: 0px 1px 0px 0px hsl(0 0% 0% / 0.00), 0px 4px 6px -1px hsl(0 0% 0% / 0.00);
  --shadow-xl: 0px 1px 0px 0px hsl(0 0% 0% / 0.00), 0px 8px 10px -1px hsl(0 0% 0% / 0.00);
  --shadow-2xl: 0px 1px 0px 0px hsl(0 0% 0% / 0.00);
  --tracking-normal: 0em;
  --spacing: 0.25rem;
}

[data-theme="mono"].dark, .dark[data-theme="mono"] {
  --background: oklch(0.1448 0 0);
  --foreground: oklch(0.9851 0 0);
  --card: oklch(0.2134 0 0);
  --card-foreground: oklch(0.9851 0 0);
  --popover: oklch(0.2686 0 0);
  --popover-foreground: oklch(0.9851 0 0);
  --primary: oklch(0.5555 0 0);
  --primary-foreground: oklch(0.9851 0 0);
  --secondary: oklch(0.2686 0 0);
  --secondary-foreground: oklch(0.9851 0 0);
  --muted: oklch(0.2686 0 0);
  --muted-foreground: oklch(0.7090 0 0);
  --accent: oklch(0.3715 0 0);
  --accent-foreground: oklch(0.9851 0 0);
  --destructive: oklch(0.7022 0.1892 22.2279);
  --destructive-foreground: oklch(0.2686 0 0);
  --border: oklch(0.3407 0 0);
  --input: oklch(0.4386 0 0);
  --ring: oklch(0.5555 0 0);
  --chart-1: oklch(0.5555 0 0);
  --chart-2: oklch(0.5555 0 0);
  --chart-3: oklch(0.5555 0 0);
  --chart-4: oklch(0.5555 0 0);
  --chart-5: oklch(0.5555 0 0);
  --sidebar: oklch(0.2046 0 0);
  --sidebar-foreground: oklch(0.9851 0 0);
  --sidebar-primary: oklch(0.9851 0 0);
  --sidebar-primary-foreground: oklch(0.2046 0 0);
  --sidebar-accent: oklch(0.2686 0 0);
  --sidebar-accent-foreground: oklch(0.9851 0 0);
  --sidebar-border: oklch(1.0000 0 0);
  --sidebar-ring: oklch(0.4386 0 0);
  --font-sans: Geist Mono, monospace;
  --font-serif: Geist Mono, monospace;
  --font-mono: Geist Mono, monospace;
  --radius: 0rem;
  --shadow-x: 0px;
  --shadow-y: 1px;
  --shadow-blur: 0px;
  --shadow-spread: 0px;
  --shadow-opacity: 0;
  --shadow-color: hsl(0 0% 0%);
  --shadow-2xs: 0px 1px 0px 0px hsl(0 0% 0% / 0.00);
  --shadow-xs: 0px 1px 0px 0px hsl(0 0% 0% / 0.00);
  --shadow-sm: 0px 1px 0px 0px hsl(0 0% 0% / 0.00), 0px 1px 2px -1px hsl(0 0% 0% / 0.00);
  --shadow: 0px 1px 0px 0px hsl(0 0% 0% / 0.00), 0px 1px 2px -1px hsl(0 0% 0% / 0.00);
  --shadow-md: 0px 1px 0px 0px hsl(0 0% 0% / 0.00), 0px 2px 4px -1px hsl(0 0% 0% / 0.00);
  --shadow-lg: 0px 1px 0px 0px hsl(0 0% 0% / 0.00), 0px 4px 6px -1px hsl(0 0% 0% / 0.00);
  --shadow-xl: 0px 1px 0px 0px hsl(0 0% 0% / 0.00), 0px 8px 10px -1px hsl(0 0% 0% / 0.00);
  --shadow-2xl: 0px 1px 0px 0px hsl(0 0% 0% / 0.00);
}



/* Theme: pastel-dreams */
[data-theme="pastel-dreams"] {
  --background: oklch(0.9689 0.0090 314.7819);
  --foreground: oklch(0.3729 0.0306 259.7328);
  --card: oklch(1.0000 0 0);
  --card-foreground: oklch(0.3729 0.0306 259.7328);
  --popover: oklch(1.0000 0 0);
  --popover-foreground: oklch(0.3729 0.0306 259.7328);
  --primary: oklch(0.7090 0.1592 293.5412);
  --primary-foreground: oklch(1.0000 0 0);
  --secondary: oklch(0.9073 0.0530 306.0902);
  --secondary-foreground: oklch(0.4461 0.0263 256.8018);
  --muted: oklch(0.9464 0.0327 307.1745);
  --muted-foreground: oklch(0.5510 0.0234 264.3637);
  --accent: oklch(0.9376 0.0260 321.9388);
  --accent-foreground: oklch(0.3729 0.0306 259.7328);
  --destructive: oklch(0.8077 0.1035 19.5706);
  --destructive-foreground: oklch(1.0000 0 0);
  --border: oklch(0.9073 0.0530 306.0902);
  --input: oklch(0.9073 0.0530 306.0902);
  --ring: oklch(0.7090 0.1592 293.5412);
  --chart-1: oklch(0.7090 0.1592 293.5412);
  --chart-2: oklch(0.6056 0.2189 292.7172);
  --chart-3: oklch(0.5413 0.2466 293.0090);
  --chart-4: oklch(0.4907 0.2412 292.5809);
  --chart-5: oklch(0.4320 0.2106 292.7591);
  --sidebar: oklch(0.9073 0.0530 306.0902);
  --sidebar-foreground: oklch(0.3729 0.0306 259.7328);
  --sidebar-primary: oklch(0.7090 0.1592 293.5412);
  --sidebar-primary-foreground: oklch(1.0000 0 0);
  --sidebar-accent: oklch(0.9376 0.0260 321.9388);
  --sidebar-accent-foreground: oklch(0.3729 0.0306 259.7328);
  --sidebar-border: oklch(0.9073 0.0530 306.0902);
  --sidebar-ring: oklch(0.7090 0.1592 293.5412);
  --font-sans: Open Sans, sans-serif;
  --font-serif: Source Serif 4, serif;
  --font-mono: IBM Plex Mono, monospace;
  --radius: 1.5rem;
  --shadow-x: 0px;
  --shadow-y: 8px;
  --shadow-blur: 16px;
  --shadow-spread: -4px;
  --shadow-opacity: 0.08;
  --shadow-color: hsl(0 0% 0%);
  --shadow-2xs: 0px 8px 16px -4px hsl(0 0% 0% / 0.04);
  --shadow-xs: 0px 8px 16px -4px hsl(0 0% 0% / 0.04);
  --shadow-sm: 0px 8px 16px -4px hsl(0 0% 0% / 0.08), 0px 1px 2px -5px hsl(0 0% 0% / 0.08);
  --shadow: 0px 8px 16px -4px hsl(0 0% 0% / 0.08), 0px 1px 2px -5px hsl(0 0% 0% / 0.08);
  --shadow-md: 0px 8px 16px -4px hsl(0 0% 0% / 0.08), 0px 2px 4px -5px hsl(0 0% 0% / 0.08);
  --shadow-lg: 0px 8px 16px -4px hsl(0 0% 0% / 0.08), 0px 4px 6px -5px hsl(0 0% 0% / 0.08);
  --shadow-xl: 0px 8px 16px -4px hsl(0 0% 0% / 0.08), 0px 8px 10px -5px hsl(0 0% 0% / 0.08);
  --shadow-2xl: 0px 8px 16px -4px hsl(0 0% 0% / 0.20);
  --tracking-normal: 0em;
  --spacing: 0.25rem;
}

[data-theme="pastel-dreams"].dark, .dark[data-theme="pastel-dreams"] {
  --background: oklch(0.2161 0.0061 56.0434);
  --foreground: oklch(0.9299 0.0334 272.7879);
  --card: oklch(0.2805 0.0309 307.2326);
  --card-foreground: oklch(0.9299 0.0334 272.7879);
  --popover: oklch(0.2805 0.0309 307.2326);
  --popover-foreground: oklch(0.9299 0.0334 272.7879);
  --primary: oklch(0.7874 0.1179 295.7538);
  --primary-foreground: oklch(0.2161 0.0061 56.0434);
  --secondary: oklch(0.3416 0.0444 308.8496);
  --secondary-foreground: oklch(0.8717 0.0093 258.3382);
  --muted: oklch(0.2283 0.0375 302.9006);
  --muted-foreground: oklch(0.7137 0.0192 261.3246);
  --accent: oklch(0.3858 0.0509 304.6383);
  --accent-foreground: oklch(0.8717 0.0093 258.3382);
  --destructive: oklch(0.8077 0.1035 19.5706);
  --destructive-foreground: oklch(0.2161 0.0061 56.0434);
  --border: oklch(0.3416 0.0444 308.8496);
  --input: oklch(0.3416 0.0444 308.8496);
  --ring: oklch(0.7874 0.1179 295.7538);
  --chart-1: oklch(0.7874 0.1179 295.7538);
  --chart-2: oklch(0.7090 0.1592 293.5412);
  --chart-3: oklch(0.6056 0.2189 292.7172);
  --chart-4: oklch(0.5413 0.2466 293.0090);
  --chart-5: oklch(0.4907 0.2412 292.5809);
  --sidebar: oklch(0.3416 0.0444 308.8496);
  --sidebar-foreground: oklch(0.9299 0.0334 272.7879);
  --sidebar-primary: oklch(0.7874 0.1179 295.7538);
  --sidebar-primary-foreground: oklch(0.2161 0.0061 56.0434);
  --sidebar-accent: oklch(0.3858 0.0509 304.6383);
  --sidebar-accent-foreground: oklch(0.8717 0.0093 258.3382);
  --sidebar-border: oklch(0.3416 0.0444 308.8496);
  --sidebar-ring: oklch(0.7874 0.1179 295.7538);
  --font-sans: Open Sans, sans-serif;
  --font-serif: Source Serif 4, serif;
  --font-mono: IBM Plex Mono, monospace;
  --radius: 1.5rem;
  --shadow-x: 0px;
  --shadow-y: 8px;
  --shadow-blur: 16px;
  --shadow-spread: -4px;
  --shadow-opacity: 0.08;
  --shadow-color: hsl(0 0% 0%);
  --shadow-2xs: 0px 8px 16px -4px hsl(0 0% 0% / 0.04);
  --shadow-xs: 0px 8px 16px -4px hsl(0 0% 0% / 0.04);
  --shadow-sm: 0px 8px 16px -4px hsl(0 0% 0% / 0.08), 0px 1px 2px -5px hsl(0 0% 0% / 0.08);
  --shadow: 0px 8px 16px -4px hsl(0 0% 0% / 0.08), 0px 1px 2px -5px hsl(0 0% 0% / 0.08);
  --shadow-md: 0px 8px 16px -4px hsl(0 0% 0% / 0.08), 0px 2px 4px -5px hsl(0 0% 0% / 0.08);
  --shadow-lg: 0px 8px 16px -4px hsl(0 0% 0% / 0.08), 0px 4px 6px -5px hsl(0 0% 0% / 0.08);
  --shadow-xl: 0px 8px 16px -4px hsl(0 0% 0% / 0.08), 0px 8px 10px -5px hsl(0 0% 0% / 0.08);
  --shadow-2xl: 0px 8px 16px -4px hsl(0 0% 0% / 0.20);
}



/* Theme: twitter */
[data-theme="twitter"] {
  --background: oklch(1.0000 0 0);
  --foreground: oklch(0.1884 0.0128 248.5103);
  --card: oklch(0.9784 0.0011 197.1387);
  --card-foreground: oklch(0.1884 0.0128 248.5103);
  --popover: oklch(1.0000 0 0);
  --popover-foreground: oklch(0.1884 0.0128 248.5103);
  --primary: oklch(0.6723 0.1606 244.9955);
  --primary-foreground: oklch(1.0000 0 0);
  --secondary: oklch(0.1884 0.0128 248.5103);
  --secondary-foreground: oklch(1.0000 0 0);
  --muted: oklch(0.9222 0.0013 286.3737);
  --muted-foreground: oklch(0.1884 0.0128 248.5103);
  --accent: oklch(0.9392 0.0166 250.8453);
  --accent-foreground: oklch(0.6723 0.1606 244.9955);
  --destructive: oklch(0.6188 0.2376 25.7658);
  --destructive-foreground: oklch(1.0000 0 0);
  --border: oklch(0.9317 0.0118 231.6594);
  --input: oklch(0.9809 0.0025 228.7836);
  --ring: oklch(0.6818 0.1584 243.3540);
  --chart-1: oklch(0.6723 0.1606 244.9955);
  --chart-2: oklch(0.6907 0.1554 160.3454);
  --chart-3: oklch(0.8214 0.1600 82.5337);
  --chart-4: oklch(0.7064 0.1822 151.7125);
  --chart-5: oklch(0.5919 0.2186 10.5826);
  --sidebar: oklch(0.9784 0.0011 197.1387);
  --sidebar-foreground: oklch(0.1884 0.0128 248.5103);
  --sidebar-primary: oklch(0.6723 0.1606 244.9955);
  --sidebar-primary-foreground: oklch(1.0000 0 0);
  --sidebar-accent: oklch(0.9392 0.0166 250.8453);
  --sidebar-accent-foreground: oklch(0.6723 0.1606 244.9955);
  --sidebar-border: oklch(0.9271 0.0101 238.5177);
  --sidebar-ring: oklch(0.6818 0.1584 243.3540);
  --font-sans: Open Sans, sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: Menlo, monospace;
  --radius: 1.3rem;
  --shadow-x: 0px;
  --shadow-y: 2px;
  --shadow-blur: 0px;
  --shadow-spread: 0px;
  --shadow-opacity: 0;
  --shadow-color: rgba(29,161,242,0.15);
  --shadow-2xs: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00);
  --shadow-xs: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00);
  --shadow-sm: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
  --shadow: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
  --shadow-md: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 2px 4px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
  --shadow-lg: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 4px 6px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
  --shadow-xl: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 8px 10px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
  --shadow-2xl: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00);
  --tracking-normal: 0em;
  --spacing: 0.25rem;
}

[data-theme="twitter"].dark, .dark[data-theme="twitter"] {
  --background: oklch(0 0 0);
  --foreground: oklch(0.9328 0.0025 228.7857);
  --card: oklch(0.2097 0.0080 274.5332);
  --card-foreground: oklch(0.8853 0 0);
  --popover: oklch(0 0 0);
  --popover-foreground: oklch(0.9328 0.0025 228.7857);
  --primary: oklch(0.6692 0.1607 245.0110);
  --primary-foreground: oklch(1.0000 0 0);
  --secondary: oklch(0.9622 0.0035 219.5331);
  --secondary-foreground: oklch(0.1884 0.0128 248.5103);
  --muted: oklch(0.2090 0 0);
  --muted-foreground: oklch(0.5637 0.0078 247.9662);
  --accent: oklch(0.1928 0.0331 242.5459);
  --accent-foreground: oklch(0.6692 0.1607 245.0110);
  --destructive: oklch(0.6188 0.2376 25.7658);
  --destructive-foreground: oklch(1.0000 0 0);
  --border: oklch(0.2674 0.0047 248.0045);
  --input: oklch(0.3020 0.0288 244.8244);
  --ring: oklch(0.6818 0.1584 243.3540);
  --chart-1: oklch(0.6723 0.1606 244.9955);
  --chart-2: oklch(0.6907 0.1554 160.3454);
  --chart-3: oklch(0.8214 0.1600 82.5337);
  --chart-4: oklch(0.7064 0.1822 151.7125);
  --chart-5: oklch(0.5919 0.2186 10.5826);
  --sidebar: oklch(0.2097 0.0080 274.5332);
  --sidebar-foreground: oklch(0.8853 0 0);
  --sidebar-primary: oklch(0.6818 0.1584 243.3540);
  --sidebar-primary-foreground: oklch(1.0000 0 0);
  --sidebar-accent: oklch(0.1928 0.0331 242.5459);
  --sidebar-accent-foreground: oklch(0.6692 0.1607 245.0110);
  --sidebar-border: oklch(0.3795 0.0220 240.5943);
  --sidebar-ring: oklch(0.6818 0.1584 243.3540);
  --font-sans: Open Sans, sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: Menlo, monospace;
  --radius: 1.3rem;
  --shadow-x: 0px;
  --shadow-y: 2px;
  --shadow-blur: 0px;
  --shadow-spread: 0px;
  --shadow-opacity: 0;
  --shadow-color: rgba(29,161,242,0.25);
  --shadow-2xs: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00);
  --shadow-xs: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00);
  --shadow-sm: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
  --shadow: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
  --shadow-md: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 2px 4px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
  --shadow-lg: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 4px 6px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
  --shadow-xl: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 8px 10px -1px hsl(202.8169 89.1213% 53.1373% / 0.00);
  --shadow-2xl: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00);
}

/* ════════════════════════════════════════════════════════════════════════════
 * Theme: win95
 * Classic 1995 Windows desktop GUI with silver dialog surfaces, active navy
 * titlebars, desktop teal, sharp 0px corners, and authentic MS Sans Serif feel.
 * ════════════════════════════════════════════════════════════════════════════ */
[data-theme="win95"] {
  --radius: 0rem;
  --background: oklch(0.820 0 0);
  --foreground: oklch(0.100 0 0);
  --card: oklch(0.985 0 0);
  --card-foreground: oklch(0.100 0 0);
  --popover: oklch(0.840 0 0);
  --popover-foreground: oklch(0.100 0 0);
  --primary: oklch(0.320 0.160 260.0);
  --primary-foreground: oklch(1.000 0 0);
  --secondary: oklch(0.820 0 0);
  --secondary-foreground: oklch(0.100 0 0);
  --muted: oklch(0.780 0 0);
  --muted-foreground: oklch(0.420 0 0);
  --accent: oklch(0.480 0.100 195.0);
  --accent-foreground: oklch(1.000 0 0);
  --destructive: oklch(0.550 0.220 25.0);
  --destructive-foreground: oklch(1.000 0 0);
  --border: oklch(0.550 0 0);
  --input: oklch(1.000 0 0);
  --ring: oklch(0.320 0.160 260.0);
  --chart-1: oklch(0.320 0.160 260.0);
  --chart-2: oklch(0.480 0.100 195.0);
  --chart-3: oklch(0.600 0.150 140.0);
  --chart-4: oklch(0.680 0.170 65.0);
  --chart-5: oklch(0.550 0.220 25.0);
  --sidebar: oklch(0.800 0 0);
  --sidebar-foreground: oklch(0.100 0 0);
  --sidebar-primary: oklch(0.320 0.160 260.0);
  --sidebar-primary-foreground: oklch(1.000 0 0);
  --sidebar-accent: oklch(0.840 0 0);
  --sidebar-accent-foreground: oklch(0.100 0 0);
  --sidebar-border: oklch(0.550 0 0);
  --sidebar-ring: oklch(0.320 0.160 260.0);
  --font-sans: 'MS Sans Serif', Tahoma, 'Segoe UI', Arial, sans-serif;
  --font-serif: 'Times New Roman', Times, serif;
  --font-mono: 'Lucida Console', 'Courier New', monospace;
  --shadow-x: 0px;
  --shadow-y: 0px;
  --shadow-blur: 0px;
  --shadow-spread: 0px;
  --shadow-opacity: 0;
  --shadow-color: hsl(0 0% 0%);
  --shadow-2xs: 0px 0px 0px 0px transparent;
  --shadow-xs: 0px 0px 0px 0px transparent;
  --shadow-sm: 0px 0px 0px 0px transparent;
  --shadow: 0px 0px 0px 0px transparent;
  --shadow-md: 0px 0px 0px 0px transparent;
  --shadow-lg: 0px 0px 0px 0px transparent;
  --shadow-xl: 0px 0px 0px 0px transparent;
  --shadow-2xl: 0px 0px 0px 0px transparent;
}

[data-theme="win95"].dark, .dark[data-theme="win95"] {
  --radius: 0rem;
  --background: oklch(0.120 0 0);
  --foreground: oklch(0.960 0 0);
  --card: oklch(0.180 0 0);
  --card-foreground: oklch(0.960 0 0);
  --popover: oklch(0.180 0 0);
  --popover-foreground: oklch(0.960 0 0);
  --primary: oklch(0.520 0.130 195.0);
  --primary-foreground: oklch(0.100 0 0);
  --secondary: oklch(0.240 0 0);
  --secondary-foreground: oklch(0.960 0 0);
  --muted: oklch(0.220 0 0);
  --muted-foreground: oklch(0.680 0 0);
  --accent: oklch(0.300 0 0);
  --accent-foreground: oklch(0.960 0 0);
  --destructive: oklch(0.650 0.200 25.0);
  --destructive-foreground: oklch(1.000 0 0);
  --border: oklch(0.400 0 0);
  --input: oklch(0.160 0 0);
  --ring: oklch(0.520 0.130 195.0);
  --chart-1: oklch(0.520 0.130 195.0);
  --chart-2: oklch(0.580 0.160 255.0);
  --chart-3: oklch(0.650 0.150 140.0);
  --chart-4: oklch(0.720 0.170 65.0);
  --chart-5: oklch(0.650 0.200 25.0);
  --sidebar: oklch(0.150 0 0);
  --sidebar-foreground: oklch(0.960 0 0);
  --sidebar-primary: oklch(0.520 0.130 195.0);
  --sidebar-primary-foreground: oklch(0.100 0 0);
  --sidebar-accent: oklch(0.220 0 0);
  --sidebar-accent-foreground: oklch(0.960 0 0);
  --sidebar-border: oklch(0.380 0 0);
  --sidebar-ring: oklch(0.520 0.130 195.0);
  --font-sans: 'MS Sans Serif', Tahoma, 'Segoe UI', Arial, sans-serif;
  --font-serif: 'Times New Roman', Times, serif;
  --font-mono: 'Lucida Console', 'Courier New', monospace;
  --shadow-x: 0px;
  --shadow-y: 0px;
  --shadow-blur: 0px;
  --shadow-spread: 0px;
  --shadow-opacity: 0;
  --shadow-color: hsl(0 0% 0%);
  --shadow-2xs: 0px 0px 0px 0px transparent;
  --shadow-xs: 0px 0px 0px 0px transparent;
  --shadow-sm: 0px 0px 0px 0px transparent;
  --shadow: 0px 0px 0px 0px transparent;
  --shadow-md: 0px 0px 0px 0px transparent;
  --shadow-lg: 0px 0px 0px 0px transparent;
  --shadow-xl: 0px 0px 0px 0px transparent;
  --shadow-2xl: 0px 0px 0px 0px transparent;
}

/* ════════════════════════════════════════════════════════════════════════════
 * Theme: dms-auto
 * Dealership Management System enterprise suite. Sturdy automotive deep slate
 * chassis, dealer service amber/gold highlights, precision 2px corners, and
 * high-density tabular clarity for business & inventory operations.
 * ════════════════════════════════════════════════════════════════════════════ */
[data-theme="dms-auto"] {
  --radius: 0.125rem;
  --background: oklch(0.965 0.012 235.0);
  --foreground: oklch(0.160 0.035 245.0);
  --card: oklch(1.000 0 0);
  --card-foreground: oklch(0.160 0.035 245.0);
  --popover: oklch(1.000 0 0);
  --popover-foreground: oklch(0.160 0.035 245.0);
  --primary: oklch(0.480 0.160 240.0);
  --primary-foreground: oklch(0.990 0.005 240.0);
  --secondary: oklch(0.925 0.020 235.0);
  --secondary-foreground: oklch(0.200 0.040 245.0);
  --muted: oklch(0.930 0.015 235.0);
  --muted-foreground: oklch(0.480 0.035 240.0);
  --accent: oklch(0.720 0.170 65.0);
  --accent-foreground: oklch(0.150 0.030 65.0);
  --destructive: oklch(0.550 0.220 25.0);
  --destructive-foreground: oklch(1.000 0 0);
  --border: oklch(0.875 0.020 235.0);
  --input: oklch(0.875 0.020 235.0);
  --ring: oklch(0.480 0.160 240.0);
  --chart-1: oklch(0.480 0.160 240.0);
  --chart-2: oklch(0.720 0.170 65.0);
  --chart-3: oklch(0.580 0.160 145.0);
  --chart-4: oklch(0.550 0.220 25.0);
  --chart-5: oklch(0.350 0.080 240.0);
  --sidebar: oklch(0.940 0.020 235.0);
  --sidebar-foreground: oklch(0.160 0.035 245.0);
  --sidebar-primary: oklch(0.480 0.160 240.0);
  --sidebar-primary-foreground: oklch(0.990 0.005 240.0);
  --sidebar-accent: oklch(0.910 0.025 235.0);
  --sidebar-accent-foreground: oklch(0.160 0.035 245.0);
  --sidebar-border: oklch(0.875 0.020 235.0);
  --sidebar-ring: oklch(0.480 0.160 240.0);
  --font-sans: 'Segoe UI', -apple-system, BlinkMacSystemFont, Tahoma, Arial, sans-serif;
  --font-serif: ui-serif, Georgia, serif;
  --font-mono: 'Consolas', 'Courier New', monospace;
  --shadow-x: 0px;
  --shadow-y: 1px;
  --shadow-blur: 2px;
  --shadow-spread: 0px;
  --shadow-opacity: 0.06;
  --shadow-color: hsl(210 20% 20%);
  --shadow-2xs: 0px 1px 2px 0px hsl(210 20% 20% / 0.04);
  --shadow-xs: 0px 1px 2px 0px hsl(210 20% 20% / 0.04);
  --shadow-sm: 0px 1px 2px 0px hsl(210 20% 20% / 0.06);
  --shadow: 0px 1px 2px 0px hsl(210 20% 20% / 0.06);
  --shadow-md: 0px 2px 4px 0px hsl(210 20% 20% / 0.08);
  --shadow-lg: 0px 4px 6px 0px hsl(210 20% 20% / 0.08);
  --shadow-xl: 0px 6px 10px 0px hsl(210 20% 20% / 0.10);
  --shadow-2xl: 0px 10px 16px 0px hsl(210 20% 20% / 0.15);
}

[data-theme="dms-auto"].dark, .dark[data-theme="dms-auto"] {
  --radius: 0.125rem;
  --background: oklch(0.140 0.025 240.0);
  --foreground: oklch(0.940 0.015 235.0);
  --card: oklch(0.190 0.030 240.0);
  --card-foreground: oklch(0.940 0.015 235.0);
  --popover: oklch(0.190 0.030 240.0);
  --popover-foreground: oklch(0.940 0.015 235.0);
  --primary: oklch(0.620 0.160 235.0);
  --primary-foreground: oklch(0.100 0.030 240.0);
  --secondary: oklch(0.240 0.030 240.0);
  --secondary-foreground: oklch(0.940 0.015 235.0);
  --muted: oklch(0.240 0.030 240.0);
  --muted-foreground: oklch(0.650 0.025 235.0);
  --accent: oklch(0.720 0.170 65.0);
  --accent-foreground: oklch(0.120 0.030 65.0);
  --destructive: oklch(0.680 0.200 25.0);
  --destructive-foreground: oklch(1.000 0 0);
  --border: oklch(0.280 0.030 240.0);
  --input: oklch(0.280 0.030 240.0);
  --ring: oklch(0.620 0.160 235.0);
  --chart-1: oklch(0.620 0.160 235.0);
  --chart-2: oklch(0.720 0.170 65.0);
  --chart-3: oklch(0.650 0.160 145.0);
  --chart-4: oklch(0.680 0.200 25.0);
  --chart-5: oklch(0.380 0.060 240.0);
  --sidebar: oklch(0.160 0.028 240.0);
  --sidebar-foreground: oklch(0.940 0.015 235.0);
  --sidebar-primary: oklch(0.620 0.160 235.0);
  --sidebar-primary-foreground: oklch(0.100 0.030 240.0);
  --sidebar-accent: oklch(0.240 0.030 240.0);
  --sidebar-accent-foreground: oklch(0.940 0.015 235.0);
  --sidebar-border: oklch(0.280 0.030 240.0);
  --sidebar-ring: oklch(0.620 0.160 235.0);
  --font-sans: 'Segoe UI', -apple-system, BlinkMacSystemFont, Tahoma, Arial, sans-serif;
  --font-serif: ui-serif, Georgia, serif;
  --font-mono: 'Consolas', 'Courier New', monospace;
  --shadow-x: 0px;
  --shadow-y: 1px;
  --shadow-blur: 2px;
  --shadow-spread: 0px;
  --shadow-opacity: 0.12;
  --shadow-color: hsl(0 0% 0%);
  --shadow-2xs: 0px 1px 2px 0px hsl(0 0% 0% / 0.08);
  --shadow-xs: 0px 1px 2px 0px hsl(0 0% 0% / 0.08);
  --shadow-sm: 0px 1px 2px 0px hsl(0 0% 0% / 0.12);
  --shadow: 0px 1px 2px 0px hsl(0 0% 0% / 0.12);
  --shadow-md: 0px 2px 4px 0px hsl(0 0% 0% / 0.16);
  --shadow-lg: 0px 4px 6px 0px hsl(0 0% 0% / 0.16);
  --shadow-xl: 0px 6px 10px 0px hsl(0 0% 0% / 0.20);
  --shadow-2xl: 0px 10px 16px 0px hsl(0 0% 0% / 0.30);
}

/* ════════════════════════════════════════════════════════════════════════════
 * Authentic Component Overrides: Windows 95
 * Zero border-radius everywhere, classic 3D raised/sunken bevels,
 * ButtonFace surfaces, and instant feedback.
 * ════════════════════════════════════════════════════════════════════════════ */
[data-theme="win95"],
[data-theme="win95"] *,
[data-theme="win95"] *::before,
[data-theme="win95"] *::after {
  --radius: 0rem !important;
  border-radius: 0px !important;
}

[data-theme="win95"] button,
[data-theme="win95"] input,
[data-theme="win95"] select,
[data-theme="win95"] textarea,
[data-theme="win95"] [role="tab"],
[data-theme="win95"] a {
  transition: none !important;
}

/* Sidebar, Navigation Trees, Collapsibles, Menus across ANY app:
 * Flat interactive elements, NOT 3D pushbuttons.
 * Universal across RiptideSidebar, aside, nav, treeview, collapsible, and input-group. */
[data-theme="win95"] aside button,
[data-theme="win95"] nav button,
[data-theme="win95"] [data-sidebar] button,
[data-theme="win95"] [data-sidebar="menu-button"],
[data-theme="win95"] [data-sidebar="menu-sub-button"],
[data-theme="win95"] [data-sidebar="group-label"],
[data-theme="win95"] [data-sidebar="group-action"],
[data-theme="win95"] [data-sidebar="menu-action"],
[data-theme="win95"] [data-sidebar="trigger"],
[data-theme="win95"] [data-slot="sidebar"] button,
[data-theme="win95"] [data-slot="input-group"] button,
[data-theme="win95"] [data-slot="accordion-trigger"],
[data-theme="win95"] [data-slot="collapsible-trigger"],
[data-theme="win95"] [role="treeitem"],
[data-theme="win95"] [role="treeitem"] button,
[data-theme="win95"] [role="menuitem"],
[data-theme="win95"] [role="menubar"] button,
[data-theme="win95"] [class*="sidebar"] button,
[data-theme="win95"] [class*="navmenu"] button,
[data-theme="win95"] [class*="nav-menu"] button {
  background-color: transparent !important;
  color: inherit !important;
  border: none !important;
  box-shadow: none !important;
  padding: 2px 4px !important;
  font-weight: 600 !important;
}

[data-theme="win95"] aside button:active,
[data-theme="win95"] nav button:active,
[data-theme="win95"] [data-sidebar] button:active,
[data-theme="win95"] [data-sidebar="menu-button"]:active,
[data-theme="win95"] [data-sidebar="menu-sub-button"]:active,
[data-theme="win95"] [data-sidebar="group-label"]:active,
[data-theme="win95"] [data-sidebar="group-action"]:active,
[data-theme="win95"] [data-sidebar="menu-action"]:active,
[data-theme="win95"] [data-sidebar="trigger"]:active,
[data-theme="win95"] [data-slot="sidebar"] button:active,
[data-theme="win95"] [data-slot="input-group"] button:active,
[data-theme="win95"] [data-slot="accordion-trigger"]:active,
[data-theme="win95"] [data-slot="collapsible-trigger"]:active,
[data-theme="win95"] [role="treeitem"]:active,
[data-theme="win95"] [role="treeitem"] button:active,
[data-theme="win95"] [role="menuitem"]:active,
[data-theme="win95"] [role="menubar"] button:active,
[data-theme="win95"] [class*="sidebar"] button:active,
[data-theme="win95"] [class*="navmenu"] button:active,
[data-theme="win95"] [class*="nav-menu"] button:active {
  box-shadow: none !important;
  padding: 2px 4px !important;
}

/* Win95 Light Mode: Classic 3D Outset Action Buttons */
[data-theme="win95"]:not(.dark) button:not([role="tab"]):not(aside button):not(nav button):not([data-sidebar] button):not([data-slot="sidebar"] button):not([data-slot="input-group"] button):not([class*="sidebar"] button):not([class*="navmenu"] button):not([class*="nav-menu"] button),
[data-theme="win95"]:not(.dark) a.inline-flex.items-center.justify-center:not(aside a):not(nav a):not([data-sidebar] a):not([class*="sidebar"] a) {
  background-color: #c0c0c0 !important;
  color: #000000 !important;
  border: none !important;
  box-shadow: inset 1px 1px 0px #ffffff,
              inset -1px -1px 0px #000000,
              inset 2px 2px 0px #dfdfdf,
              inset -2px -2px 0px #808080 !important;
  font-family: 'MS Sans Serif', Tahoma, 'Segoe UI', Arial, sans-serif !important;
  font-weight: 500 !important;
}

[data-theme="win95"]:not(.dark) button:not([role="tab"]):not(aside button):not(nav button):not([data-sidebar] button):not([data-slot="sidebar"] button):not([data-slot="input-group"] button):not([class*="sidebar"] button):not([class*="navmenu"] button):not([class*="nav-menu"] button):active,
[data-theme="win95"]:not(.dark) a.inline-flex.items-center.justify-center:not(aside a):not(nav a):not([data-sidebar] a):not([class*="sidebar"] a):active {
  box-shadow: inset 1px 1px 0px #000000,
              inset -1px -1px 0px #ffffff,
              inset 2px 2px 0px #808080,
              inset -2px -2px 0px #dfdfdf !important;
  padding-top: calc(0.5rem + 1px) !important;
  padding-left: calc(0.75rem + 1px) !important;
}

/* Win95 Dark Mode: Classic 3D Outset Action Buttons */
[data-theme="win95"].dark button:not([role="tab"]):not(aside button):not(nav button):not([data-sidebar] button):not([data-slot="sidebar"] button):not([data-slot="input-group"] button):not([class*="sidebar"] button):not([class*="navmenu"] button):not([class*="nav-menu"] button),
.dark[data-theme="win95"] button:not([role="tab"]):not(aside button):not(nav button):not([data-sidebar] button):not([data-slot="sidebar"] button):not([data-slot="input-group"] button):not([class*="sidebar"] button):not([class*="navmenu"] button):not([class*="nav-menu"] button),
[data-theme="win95"].dark a.inline-flex.items-center.justify-center:not(aside a):not(nav a):not([data-sidebar] a):not([class*="sidebar"] a),
.dark[data-theme="win95"] a.inline-flex.items-center.justify-center:not(aside a):not(nav a):not([data-sidebar] a):not([class*="sidebar"] a) {
  background-color: #2b2b2b !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: inset 1px 1px 0px #666666,
              inset -1px -1px 0px #000000,
              inset 2px 2px 0px #444444,
              inset -2px -2px 0px #1a1a1a !important;
  font-family: 'MS Sans Serif', Tahoma, 'Segoe UI', Arial, sans-serif !important;
  font-weight: 500 !important;
}

[data-theme="win95"].dark button:not([role="tab"]):not(aside button):not(nav button):not([data-sidebar] button):not([data-slot="sidebar"] button):not([data-slot="input-group"] button):not([class*="sidebar"] button):not([class*="navmenu"] button):not([class*="nav-menu"] button):active,
.dark[data-theme="win95"] button:not([role="tab"]):not(aside button):not(nav button):not([data-sidebar] button):not([data-slot="sidebar"] button):not([data-slot="input-group"] button):not([class*="sidebar"] button):not([class*="navmenu"] button):not([class*="nav-menu"] button):active {
  box-shadow: inset 1px 1px 0px #000000,
              inset -1px -1px 0px #666666,
              inset 2px 2px 0px #1a1a1a,
              inset -2px -2px 0px #444444 !important;
}

/* Win95 Input Group: Unified sunken field */
[data-theme="win95"]:not(.dark) [data-slot="input-group"] {
  background-color: #ffffff !important;
  border: none !important;
  box-shadow: inset 1px 1px 0px #808080,
              inset -1px -1px 0px #ffffff,
              inset 2px 2px 0px #000000,
              inset -2px -2px 0px #dfdfdf !important;
  padding: 0 4px !important;
}

[data-theme="win95"]:not(.dark) [data-slot="input-group"] [data-align] {
  padding-left: 6px !important;
  padding-right: 4px !important;
  color: #505050 !important;
}

[data-theme="win95"]:not(.dark) [data-slot="input-group"] input[data-slot="input-group-control"],
[data-theme="win95"]:not(.dark) [data-slot="input-group"] textarea[data-slot="input-group-control"] {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 4px 6px !important;
}

[data-theme="win95"].dark [data-slot="input-group"],
.dark[data-theme="win95"] [data-slot="input-group"] {
  background-color: #121212 !important;
  border: none !important;
  box-shadow: inset 1px 1px 0px #000000,
              inset -1px -1px 0px #555555,
              inset 2px 2px 0px #111111,
              inset -2px -2px 0px #333333 !important;
  padding: 0 4px !important;
}

[data-theme="win95"].dark [data-slot="input-group"] [data-align],
.dark[data-theme="win95"] [data-slot="input-group"] [data-align] {
  padding-left: 6px !important;
  padding-right: 4px !important;
  color: #a0a0a0 !important;
}

[data-theme="win95"].dark [data-slot="input-group"] input[data-slot="input-group-control"],
.dark[data-theme="win95"] [data-slot="input-group"] input[data-slot="input-group-control"],
[data-theme="win95"].dark [data-slot="input-group"] textarea[data-slot="input-group-control"],
.dark[data-theme="win95"] [data-slot="input-group"] textarea[data-slot="input-group-control"] {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 4px 6px !important;
}

/* Win95 Standalone Sunken Inputs, Textareas, Selects */
[data-theme="win95"]:not(.dark) input:not([data-slot="input-group-control"]),
[data-theme="win95"]:not(.dark) textarea:not([data-slot="input-group-control"]),
[data-theme="win95"]:not(.dark) select {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: none !important;
  box-shadow: inset 1px 1px 0px #808080,
              inset -1px -1px 0px #ffffff,
              inset 2px 2px 0px #000000,
              inset -2px -2px 0px #dfdfdf !important;
  padding: 6px 10px !important;
  outline: none !important;
}

[data-theme="win95"].dark input:not([data-slot="input-group-control"]),
.dark[data-theme="win95"] input:not([data-slot="input-group-control"]),
[data-theme="win95"].dark textarea:not([data-slot="input-group-control"]),
.dark[data-theme="win95"] textarea:not([data-slot="input-group-control"]),
[data-theme="win95"].dark select,
.dark[data-theme="win95"] select {
  background-color: #121212 !important;
  color: #f0f0f0 !important;
  border: none !important;
  box-shadow: inset 1px 1px 0px #000000,
              inset -1px -1px 0px #555555,
              inset 2px 2px 0px #111111,
              inset -2px -2px 0px #333333 !important;
  padding: 6px 10px !important;
  outline: none !important;
}

/* Win95 Raised Cards, Windows & Dialogs */
[data-theme="win95"]:not(.dark) .bg-card,
[data-theme="win95"]:not(.dark) [role="dialog"],
[data-theme="win95"]:not(.dark) [role="menu"],
[data-theme="win95"]:not(.dark) [data-radix-popper-content-wrapper] > div,
[data-theme="win95"]:not(.dark) .popover-content {
  background-color: #c0c0c0 !important;
  border: none !important;
  box-shadow: inset 1px 1px 0px #ffffff,
              inset -1px -1px 0px #000000,
              inset 2px 2px 0px #dfdfdf,
              inset -2px -2px 0px #808080 !important;
}

[data-theme="win95"].dark .bg-card,
.dark[data-theme="win95"] .bg-card,
[data-theme="win95"].dark [role="dialog"],
.dark[data-theme="win95"] [role="dialog"],
[data-theme="win95"].dark [role="menu"],
.dark[data-theme="win95"] [role="menu"],
[data-theme="win95"].dark [data-radix-popper-content-wrapper] > div {
  background-color: #1e1e1e !important;
  border: none !important;
  box-shadow: inset 1px 1px 0px #555555,
              inset -1px -1px 0px #000000,
              inset 2px 2px 0px #383838,
              inset -2px -2px 0px #111111 !important;
}

/* Win95 Sunken Wells for Tables, Code Blocks, and Preview Containers */
[data-theme="win95"]:not(.dark) pre,
[data-theme="win95"]:not(.dark) .doc-code-block,
[data-theme="win95"]:not(.dark) table {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: none !important;
  box-shadow: inset 1px 1px 0px #808080,
              inset -1px -1px 0px #ffffff,
              inset 2px 2px 0px #000000,
              inset -2px -2px 0px #dfdfdf !important;
  padding: 12px 16px !important;
}

[data-theme="win95"].dark pre,
.dark[data-theme="win95"] pre,
[data-theme="win95"].dark .doc-code-block,
.dark[data-theme="win95"] .doc-code-block,
[data-theme="win95"].dark table,
.dark[data-theme="win95"] table {
  background-color: #121212 !important;
  color: #f0f0f0 !important;
  border: none !important;
  box-shadow: inset 1px 1px 0px #000000,
              inset -1px -1px 0px #555555,
              inset 2px 2px 0px #111111,
              inset -2px -2px 0px #333333 !important;
  padding: 12px 16px !important;
}

/* Win95 Classic Square Badges */
[data-theme="win95"] .rounded-full {
  border-radius: 0px !important;
  font-family: 'MS Sans Serif', Tahoma, monospace !important;
  font-size: 10px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  box-shadow: inset 1px 1px 0px #ffffff,
              inset -1px -1px 0px #808080 !important;
}

/* Win95 Classic Tabs */
[data-theme="win95"]:not(.dark) [role="tablist"] {
  background-color: transparent !important;
  border-bottom: 2px solid #808080 !important;
  padding: 0 !important;
  gap: 2px !important;
}

[data-theme="win95"]:not(.dark) [role="tab"] {
  background-color: #c0c0c0 !important;
  color: #000000 !important;
  border: none !important;
  box-shadow: inset 1px 1px 0px #ffffff,
              inset -1px 0px 0px #000000,
              inset 2px 2px 0px #dfdfdf,
              inset -2px 0px 0px #808080 !important;
  padding: 4px 12px !important;
}

[data-theme="win95"]:not(.dark) [role="tab"][data-state="active"] {
  box-shadow: inset 1px 1px 0px #ffffff,
              inset -1px 0px 0px #000000,
              inset 2px 2px 0px #dfdfdf,
              inset -2px 0px 0px #808080 !important;
  margin-bottom: -2px !important;
  padding-bottom: 6px !important;
  font-weight: bold !important;
  background-color: #c0c0c0 !important;
}

/* Win95 User Profile & Logout Button */
[data-theme="win95"] .user-menu-trigger,
[data-theme="win95"] button.user-menu-trigger,
[data-theme="win95"] [data-slot="user-menu-trigger"] {
  border-radius: 0px !important;
  box-shadow: inset 1px 1px 0px #ffffff,
              inset -1px -1px 0px #000000,
              inset 2px 2px 0px #dfdfdf,
              inset -2px -2px 0px #808080 !important;
  border: none !important;
  background-color: #c0c0c0 !important;
  color: #000000 !important;
  padding: 3px 8px 3px 6px !important;
  height: 28px !important;
  gap: 6px !important;
  font-family: 'MS Sans Serif', Tahoma, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: none !important;
}

[data-theme="win95"] .user-menu-trigger:active,
[data-theme="win95"] button.user-menu-trigger:active,
[data-theme="win95"] [data-slot="user-menu-trigger"]:active {
  box-shadow: inset 1px 1px 0px #000000,
              inset -1px -1px 0px #ffffff,
              inset 2px 2px 0px #808080,
              inset -2px -2px 0px #dfdfdf !important;
  padding: 4px 7px 2px 7px !important;
}

[data-theme="win95"] .user-menu-trigger .user-avatar-modern {
  display: none !important;
}

[data-theme="win95"] .user-menu-trigger .user-icon-win95 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

[data-theme="win95"] .user-menu-trigger .modern-chevron {
  display: none !important;
}

[data-theme="win95"] .user-menu-trigger .win95-triangle {
  display: inline-block !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 3px solid transparent !important;
  border-right: 3px solid transparent !important;
  border-top: 4px solid #000000 !important;
  margin-left: 2px !important;
  margin-top: 1px !important;
}

/* Win95 User Menu Dropdown Content */
[data-theme="win95"] .user-menu-content,
[data-theme="win95"] [data-slot="user-menu-content"] {
  border-radius: 0px !important;
  background-color: #c0c0c0 !important;
  color: #000000 !important;
  border: none !important;
  box-shadow: inset 1px 1px 0px #ffffff,
              inset -1px -1px 0px #000000,
              inset 2px 2px 0px #dfdfdf,
              inset -2px -2px 0px #808080 !important;
  padding: 3px !important;
  font-family: 'MS Sans Serif', Tahoma, sans-serif !important;
}

[data-theme="win95"] .user-menu-header {
  border-bottom: 2px solid !important;
  border-color: #808080 transparent #ffffff transparent !important;
  box-shadow: inset 0 -1px 0 #ffffff !important;
  padding-bottom: 6px !important;
  margin-bottom: 4px !important;
}

[data-theme="win95"] .user-menu-header .user-info-name {
  font-family: 'MS Sans Serif', Tahoma, sans-serif !important;
  font-size: 11px !important;
  font-weight: bold !important;
  color: #000000 !important;
}

[data-theme="win95"] .user-menu-header .user-info-email {
  font-family: 'MS Sans Serif', Tahoma, sans-serif !important;
  font-size: 10px !important;
  color: #404040 !important;
}

[data-theme="win95"] .user-logout-item {
  border-radius: 0px !important;
  font-family: 'MS Sans Serif', Tahoma, sans-serif !important;
  font-size: 11px !important;
  font-weight: normal !important;
  padding: 4px 8px !important;
  color: #000000 !important;
}

[data-theme="win95"] .user-logout-item .modern-logout-icon {
  display: none !important;
}

[data-theme="win95"] .user-logout-item .win95-logout-icon {
  display: inline-flex !important;
}

[data-theme="win95"] .user-logout-item:hover,
[data-theme="win95"] .user-logout-item:focus {
  background-color: #000080 !important;
  color: #ffffff !important;
}

[data-theme="win95"] .user-logout-item:hover *,
[data-theme="win95"] .user-logout-item:focus * {
  color: #ffffff !important;
}

/* Dark Mode Overrides for Win95 User Menu */
[data-theme="win95"].dark .user-menu-trigger,
.dark[data-theme="win95"] .user-menu-trigger,
[data-theme="win95"].dark button.user-menu-trigger,
.dark[data-theme="win95"] button.user-menu-trigger,
[data-theme="win95"].dark [data-slot="user-menu-trigger"],
.dark[data-theme="win95"] [data-slot="user-menu-trigger"] {
  box-shadow: inset 1px 1px 0px #555555,
              inset -1px -1px 0px #000000,
              inset 2px 2px 0px #383838,
              inset -2px -2px 0px #111111 !important;
  background-color: #2b2b2b !important;
  color: #ffffff !important;
}

[data-theme="win95"].dark .user-menu-trigger:active,
.dark[data-theme="win95"] .user-menu-trigger:active,
[data-theme="win95"].dark button.user-menu-trigger:active,
.dark[data-theme="win95"] button.user-menu-trigger:active,
[data-theme="win95"].dark [data-slot="user-menu-trigger"]:active,
.dark[data-theme="win95"] [data-slot="user-menu-trigger"]:active {
  box-shadow: inset 1px 1px 0px #000000,
              inset -1px -1px 0px #555555,
              inset 2px 2px 0px #111111,
              inset -2px -2px 0px #383838 !important;
}

[data-theme="win95"].dark .user-menu-trigger .win95-triangle,
.dark[data-theme="win95"] .user-menu-trigger .win95-triangle {
  border-top-color: #ffffff !important;
}

[data-theme="win95"].dark .user-menu-content,
.dark[data-theme="win95"] .user-menu-content,
[data-theme="win95"].dark [data-slot="user-menu-content"],
.dark[data-theme="win95"] [data-slot="user-menu-content"] {
  background-color: #1e1e1e !important;
  color: #ffffff !important;
  box-shadow: inset 1px 1px 0px #555555,
              inset -1px -1px 0px #000000,
              inset 2px 2px 0px #383838,
              inset -2px -2px 0px #111111 !important;
}

[data-theme="win95"].dark .user-menu-header,
.dark[data-theme="win95"] .user-menu-header {
  border-color: #404040 transparent #666666 transparent !important;
  box-shadow: inset 0 -1px 0 #555555 !important;
}

[data-theme="win95"].dark .user-menu-header .user-info-name,
.dark[data-theme="win95"] .user-menu-header .user-info-name {
  color: #ffffff !important;
}

[data-theme="win95"].dark .user-menu-header .user-info-email,
.dark[data-theme="win95"] .user-menu-header .user-info-email {
  color: #aaaaaa !important;
}

[data-theme="win95"].dark .user-logout-item,
.dark[data-theme="win95"] .user-logout-item {
  color: #ffffff !important;
}

[data-theme="win95"].dark .user-logout-item:hover,
.dark[data-theme="win95"] .user-logout-item:hover,
[data-theme="win95"].dark .user-logout-item:focus,
.dark[data-theme="win95"] .user-logout-item:focus {
  background-color: #005050 !important;
  color: #ffffff !important;
}

/* ════════════════════════════════════════════════════════════════════════════
 * Authentic Component Overrides: DMS Auto
 * Crisp rectangular 2px corners, dense automotive data grids,
 * clean high-contrast form fields, and enterprise order desking.
 * ════════════════════════════════════════════════════════════════════════════ */
[data-theme="dms-auto"],
[data-theme="dms-auto"] *,
[data-theme="dms-auto"] *::before,
[data-theme="dms-auto"] *::after {
  --radius: 0.125rem !important;
  border-radius: 2px !important;
}

[data-theme="dms-auto"] .rounded-full {
  border-radius: 2px !important;
  font-family: 'Consolas', monospace !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  padding: 2px 6px !important;
}

/* DMS Auto tree header and navigation buttons should NOT have card-style borders across ANY app */
[data-theme="dms-auto"] aside button,
[data-theme="dms-auto"] nav button,
[data-theme="dms-auto"] [data-sidebar] button,
[data-theme="dms-auto"] [data-sidebar="menu-button"],
[data-theme="dms-auto"] [data-sidebar="menu-sub-button"],
[data-theme="dms-auto"] [data-sidebar="group-label"],
[data-theme="dms-auto"] [data-sidebar="group-action"],
[data-theme="dms-auto"] [data-sidebar="menu-action"],
[data-theme="dms-auto"] [data-sidebar="trigger"],
[data-theme="dms-auto"] [data-slot="sidebar"] button,
[data-theme="dms-auto"] [data-slot="input-group"] button,
[data-theme="dms-auto"] [data-slot="accordion-trigger"],
[data-theme="dms-auto"] [data-slot="collapsible-trigger"],
[data-theme="dms-auto"] [role="treeitem"],
[data-theme="dms-auto"] [role="treeitem"] button,
[data-theme="dms-auto"] [role="menuitem"],
[data-theme="dms-auto"] [class*="sidebar"] button,
[data-theme="dms-auto"] [class*="navmenu"] button,
[data-theme="dms-auto"] [class*="nav-menu"] button {
  border: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  padding: 2px 4px !important;
  font-weight: 600 !important;
}

[data-theme="dms-auto"]:not(.dark) button:not(aside button):not(nav button):not([data-sidebar] button):not([data-slot="sidebar"] button):not([data-slot="input-group"] button):not([class*="sidebar"] button):not([class*="navmenu"] button):not([class*="nav-menu"] button),
[data-theme="dms-auto"]:not(.dark) input,
[data-theme="dms-auto"]:not(.dark) select,
[data-theme="dms-auto"]:not(.dark) textarea,
[data-theme="dms-auto"]:not(.dark) .bg-card {
  border-width: 1px !important;
  border-color: #cbd5e1 !important;
}

[data-theme="dms-auto"].dark button:not(aside button):not(nav button):not([data-sidebar] button):not([data-slot="sidebar"] button):not([data-slot="input-group"] button):not([class*="sidebar"] button):not([class*="navmenu"] button):not([class*="nav-menu"] button),
.dark[data-theme="dms-auto"] button:not(aside button):not(nav button):not([data-sidebar] button):not([data-slot="sidebar"] button):not([data-slot="input-group"] button):not([class*="sidebar"] button):not([class*="navmenu"] button):not([class*="nav-menu"] button),
[data-theme="dms-auto"].dark input,
.dark[data-theme="dms-auto"] input,
[data-theme="dms-auto"].dark select,
.dark[data-theme="dms-auto"] select,
[data-theme="dms-auto"].dark textarea,
.dark[data-theme="dms-auto"] textarea,
[data-theme="dms-auto"].dark .bg-card,
.dark[data-theme="dms-auto"] .bg-card {
  border-width: 1px !important;
  border-color: #334155 !important;
}

/* DMS textarea and pre padding */
[data-theme="dms-auto"] textarea {
  padding: 8px 12px !important;
}

[data-theme="dms-auto"] pre {
  padding: 12px 16px !important;
}

/* DMS High-Density Tables */
[data-theme="dms-auto"] table th {
  background-color: oklch(0.925 0.020 235.0) !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  font-weight: 700 !important;
  padding: 6px 10px !important;
  border-bottom: 2px solid oklch(0.480 0.160 240.0) !important;
}

[data-theme="dms-auto"].dark table th,
.dark[data-theme="dms-auto"] table th {
  background-color: oklch(0.180 0.030 240.0) !important;
  border-bottom: 2px solid oklch(0.620 0.160 235.0) !important;
}

[data-theme="dms-auto"] table td {
  padding: 6px 10px !important;
  font-size: 12px !important;
}