/* Source palettes: Serafim / 21st.dev. Exact source tokens retained in palettes.js. */
@media screen {
:root[data-palette] { --ui-frame-line: var(--ui-line); background: var(--ui-canvas); color: var(--ui-ink); color-scheme: var(--ui-color-scheme); }
:root[data-palette="vercel"][data-theme="light"] {
  --ui-canvas: oklch(0.99 0 0);
  --ui-surface: oklch(1.00 0 0);
  --ui-field: oklch(0.97 0 0);
  --ui-subtle: oklch(0.99 0 0);
  --ui-raised: oklch(0.97 0 0);
  --ui-ink: oklch(0 0 0);
  --ui-heading: oklch(0 0 0);
  --ui-secondary: oklch(0 0 0);
  --ui-muted: oklch(0.44 0 0);
  --ui-line: color-mix(in srgb, oklch(0.92 0 0) 80%, var(--ui-muted));
  --ui-grid-line: color-mix(in srgb, oklch(0.92 0 0) 90%, var(--ui-muted));
  --ui-line-strong: oklch(0.44 0 0);
  --ui-scrollbar: oklch(0.44 0 0);
  --ui-primary: oklch(0 0 0);
  --ui-on-primary: oklch(1.00 0 0);
  --ui-accent-text: oklch(0 0 0);
  --ui-accent-bg: oklch(0.94 0 0);
  --ui-accent-line: var(--ui-line);
  --palette-ring: oklch(0 0 0);
  --palette-input: oklch(0.94 0 0);
  --palette-popover: oklch(0.99 0 0);
  --palette-sidebar: oklch(0.99 0 0);
  --palette-sidebar-accent: oklch(0.94 0 0);
  --palette-sidebar-border: var(--ui-line);
  --palette-popover-foreground: oklch(0 0 0);
  --palette-sidebar-foreground: oklch(0 0 0);
  --palette-sidebar-accent-foreground: oklch(0 0 0);
  --ui-color-scheme: light;
  --ui-primary-hover: color-mix(in srgb, var(--ui-primary) 90%, #000000);
}
:root[data-palette="vercel"][data-theme="dark"] {
  --ui-canvas: oklch(0 0 0);
  --ui-surface: oklch(0.14 0 0);
  --ui-field: oklch(0.23 0 0);
  --ui-subtle: oklch(0 0 0);
  --ui-raised: oklch(0.23 0 0);
  --ui-ink: oklch(1.00 0 0);
  --ui-heading: oklch(1.00 0 0);
  --ui-secondary: oklch(1.00 0 0);
  --ui-muted: oklch(0.72 0 0);
  --ui-line: color-mix(in srgb, oklch(0.26 0 0) 80%, var(--ui-muted));
  --ui-grid-line: color-mix(in srgb, oklch(0.26 0 0) 85%, var(--ui-muted));
  --ui-line-strong: oklch(0.72 0 0);
  --ui-scrollbar: oklch(0.72 0 0);
  --ui-primary: oklch(1.00 0 0);
  --ui-on-primary: oklch(0 0 0);
  --ui-accent-text: oklch(1.00 0 0);
  --ui-accent-bg: oklch(0.32 0 0);
  --ui-accent-line: var(--ui-line);
  --palette-ring: oklch(0.72 0 0);
  --palette-input: oklch(0.32 0 0);
  --palette-popover: oklch(0.18 0 0);
  --palette-sidebar: oklch(0.18 0 0);
  --palette-sidebar-accent: oklch(0.32 0 0);
  --palette-sidebar-border: var(--ui-line);
  --palette-popover-foreground: oklch(1.00 0 0);
  --palette-sidebar-foreground: oklch(1.00 0 0);
  --palette-sidebar-accent-foreground: oklch(1.00 0 0);
  --ui-color-scheme: dark;
  --ui-primary-hover: color-mix(in srgb, var(--ui-primary) 90%, #ffffff);
}
:root[data-palette="modern-minimal"][data-theme="light"] {
  --ui-canvas: #ffffff;
  --ui-surface: #ffffff;
  --ui-field: #f9fafb;
  --ui-subtle: #ffffff;
  --ui-raised: #f9fafb;
  --ui-ink: #333333;
  --ui-heading: #333333;
  --ui-secondary: #333333;
  --ui-muted: #6b7280;
  --ui-line: color-mix(in srgb, #e5e7eb 75%, var(--ui-muted));
  --ui-grid-line: color-mix(in srgb, #e5e7eb 90%, var(--ui-muted));
  --ui-line-strong: #6b7280;
  --ui-scrollbar: #6b7280;
  --ui-primary: #3b82f6;
  --ui-on-primary: #000000;
  --ui-accent-text: #1e3a8a;
  --ui-accent-bg: #e0f2fe;
  --ui-accent-line: var(--ui-line);
  --palette-ring: #3b82f6;
  --palette-input: #e5e7eb;
  --palette-popover: #ffffff;
  --palette-sidebar: #f9fafb;
  --palette-sidebar-accent: #e0f2fe;
  --palette-sidebar-border: var(--ui-line);
  --palette-popover-foreground: #333333;
  --palette-sidebar-foreground: #333333;
  --palette-sidebar-accent-foreground: #1e3a8a;
  --ui-color-scheme: light;
  --ui-primary-hover: color-mix(in srgb, var(--ui-primary) 90%, #ffffff);
}
:root[data-palette="modern-minimal"][data-theme="dark"] {
  --ui-canvas: #171717;
  --ui-surface: #262626;
  --ui-field: #1f1f1f;
  --ui-subtle: #171717;
  --ui-raised: #1f1f1f;
  --ui-ink: #e5e5e5;
  --ui-heading: #e5e5e5;
  --ui-secondary: #e5e5e5;
  --ui-muted: #a3a3a3;
  --ui-line: color-mix(in srgb, #404040 95%, var(--ui-muted));
  --ui-grid-line: #404040;
  --ui-line-strong: #a3a3a3;
  --ui-scrollbar: #a3a3a3;
  --ui-primary: #3b82f6;
  --ui-on-primary: #000000;
  --ui-accent-text: #bfdbfe;
  --ui-accent-bg: #1e3a8a;
  --ui-accent-line: var(--ui-line);
  --palette-ring: #3b82f6;
  --palette-input: #404040;
  --palette-popover: #262626;
  --palette-sidebar: #171717;
  --palette-sidebar-accent: #1e3a8a;
  --palette-sidebar-border: var(--ui-line);
  --palette-popover-foreground: #e5e5e5;
  --palette-sidebar-foreground: #e5e5e5;
  --palette-sidebar-accent-foreground: #bfdbfe;
  --ui-color-scheme: dark;
  --ui-primary-hover: color-mix(in srgb, var(--ui-primary) 90%, #ffffff);
}
:root[data-palette="zen-linen"][data-theme="light"] {
  --ui-canvas: #E9E4D8;
  --ui-surface: #F4EFE4;
  --ui-field: #CFC8B8;
  --ui-subtle: #E9E4D8;
  --ui-raised: #CFC8B8;
  --ui-ink: #1E1E1E;
  --ui-heading: #1E1E1E;
  --ui-secondary: #1E1E1E;
  --ui-muted: color-mix(in srgb, #5E5A52 85%, #1E1E1E);
  --ui-line: color-mix(in srgb, #D2CBBB 65%, var(--ui-muted));
  --ui-grid-line: color-mix(in srgb, #D2CBBB 75%, var(--ui-muted));
  --ui-line-strong: color-mix(in srgb, #5E5A52 85%, #1E1E1E);
  --ui-scrollbar: #5E5A52;
  --ui-primary: #2E2E2E;
  --ui-on-primary: #E6E4D7;
  --ui-accent-text: #2E2E2E;
  --ui-accent-bg: #E6E4D7;
  --ui-accent-line: var(--ui-line);
  --palette-ring: #2E2E2E;
  --palette-input: #D2CBBB;
  --palette-popover: #F4EFE4;
  --palette-sidebar: #E3DDCF;
  --palette-sidebar-accent: #E6E4D7;
  --palette-sidebar-border: var(--ui-line);
  --palette-popover-foreground: #1E1E1E;
  --palette-sidebar-foreground: #1E1E1E;
  --palette-sidebar-accent-foreground: #2E2E2E;
  --ui-color-scheme: light;
  --ui-primary-hover: color-mix(in srgb, var(--ui-primary) 90%, #000000);
}
:root[data-palette="zen-linen"][data-theme="dark"] {
  --ui-canvas: #141414;
  --ui-surface: #1C1C1C;
  --ui-field: #2A2A2A;
  --ui-subtle: #141414;
  --ui-raised: #2A2A2A;
  --ui-ink: #E8E3DA;
  --ui-heading: #E8E3DA;
  --ui-secondary: #E8E3DA;
  --ui-muted: color-mix(in srgb, #8E8A83 90%, #E8E3DA);
  --ui-line: color-mix(in srgb, #2C2C2C 70%, var(--ui-muted));
  --ui-grid-line: color-mix(in srgb, #2C2C2C 80%, var(--ui-muted));
  --ui-line-strong: color-mix(in srgb, #8E8A83 90%, #E8E3DA);
  --ui-scrollbar: #8E8A83;
  --ui-primary: #D1CFC0;
  --ui-on-primary: #363636;
  --ui-accent-text: #D1CFC0;
  --ui-accent-bg: #363636;
  --ui-accent-line: var(--ui-line);
  --palette-ring: #D1CFC0;
  --palette-input: #2C2C2C;
  --palette-popover: #1C1C1C;
  --palette-sidebar: #101010;
  --palette-sidebar-accent: #363636;
  --palette-sidebar-border: var(--ui-line);
  --palette-popover-foreground: #E8E3DA;
  --palette-sidebar-foreground: #E8E3DA;
  --palette-sidebar-accent-foreground: #D1CFC0;
  --ui-color-scheme: dark;
  --ui-primary-hover: color-mix(in srgb, var(--ui-primary) 90%, #ffffff);
}
:root[data-palette="claude-amber"][data-theme="light"] {
  --ui-canvas: #faf9f5;
  --ui-surface: #f5f4ef;
  --ui-field: #ede9de;
  --ui-subtle: #faf9f5;
  --ui-raised: #ede9de;
  --ui-ink: #3d3929;
  --ui-heading: #3d3929;
  --ui-secondary: #3d3929;
  --ui-muted: color-mix(in srgb, #6e6d68 90%, #3d3929);
  --ui-line: color-mix(in srgb, #dad9d4 75%, var(--ui-muted));
  --ui-grid-line: color-mix(in srgb, #dad9d4 85%, var(--ui-muted));
  --ui-line-strong: color-mix(in srgb, #6e6d68 90%, #3d3929);
  --ui-scrollbar: #6e6d68;
  --ui-primary: #c96442;
  --ui-on-primary: #000000;
  --ui-accent-text: #28261b;
  --ui-accent-bg: #e9e6dc;
  --ui-accent-line: var(--ui-line);
  --palette-ring: #c96442;
  --palette-input: #b4b2a7;
  --palette-popover: #ffffff;
  --palette-sidebar: #f5f4ee;
  --palette-sidebar-accent: #e9e6dc;
  --palette-sidebar-border: var(--ui-line);
  --palette-popover-foreground: #28261b;
  --palette-sidebar-foreground: #3d3d3a;
  --palette-sidebar-accent-foreground: #343434;
  --ui-color-scheme: light;
  --ui-primary-hover: color-mix(in srgb, var(--ui-primary) 90%, #ffffff);
}
:root[data-palette="claude-amber"][data-theme="dark"] {
  --ui-canvas: #262624;
  --ui-surface: #2c2c2b;
  --ui-field: #1b1b19;
  --ui-subtle: #262624;
  --ui-raised: #1b1b19;
  --ui-ink: #f1f1ef;
  --ui-heading: #f1f1ef;
  --ui-secondary: #f1f1ef;
  --ui-muted: #b7b5a9;
  --ui-line: color-mix(in srgb, #3e3e38 90%, var(--ui-muted));
  --ui-grid-line: color-mix(in srgb, #3e3e38 95%, var(--ui-muted));
  --ui-line-strong: #b7b5a9;
  --ui-scrollbar: #b7b5a9;
  --ui-primary: #d97757;
  --ui-on-primary: #141413;
  --ui-accent-text: #f5f4ee;
  --ui-accent-bg: #1a1915;
  --ui-accent-line: var(--ui-line);
  --palette-ring: #d97757;
  --palette-input: #52514a;
  --palette-popover: #30302e;
  --palette-sidebar: #1f1e1d;
  --palette-sidebar-accent: #0f0f0e;
  --palette-sidebar-border: var(--ui-line);
  --palette-popover-foreground: #e5e5e2;
  --palette-sidebar-foreground: #c3c0b6;
  --palette-sidebar-accent-foreground: #c3c0b6;
  --ui-color-scheme: dark;
  --ui-primary-hover: color-mix(in srgb, var(--ui-primary) 90%, #ffffff);
}
:root[data-palette="sage-garden"][data-theme="light"] {
  --ui-canvas: #f8f7f4;
  --ui-surface: #ffffff;
  --ui-field: #e8e6e1;
  --ui-subtle: #f8f7f4;
  --ui-raised: #e8e6e1;
  --ui-ink: #1a1f2e;
  --ui-heading: #1a1f2e;
  --ui-secondary: #1a1f2e;
  --ui-muted: color-mix(in srgb, #6b7280 85%, #1a1f2e);
  --ui-line: color-mix(in srgb, #e8e6e1 65%, var(--ui-muted));
  --ui-grid-line: color-mix(in srgb, #e8e6e1 75%, var(--ui-muted));
  --ui-line-strong: color-mix(in srgb, #6b7280 85%, #1a1f2e);
  --ui-scrollbar: #6b7280;
  --ui-primary: #7c9082;
  --ui-on-primary: #000000;
  --ui-accent-text: #1a1f2e;
  --ui-accent-bg: #bfc9bb;
  --ui-accent-line: var(--ui-line);
  --palette-ring: #7c9082;
  --palette-input: #ffffff;
  --palette-popover: #ffffff;
  --palette-sidebar: #fafaf8;
  --palette-sidebar-accent: #e8e6e1;
  --palette-sidebar-border: var(--ui-line);
  --palette-popover-foreground: #1a1f2e;
  --palette-sidebar-foreground: #1a1f2e;
  --palette-sidebar-accent-foreground: #1a1f2e;
  --ui-color-scheme: light;
  --ui-primary-hover: color-mix(in srgb, var(--ui-primary) 90%, #ffffff);
}
:root[data-palette="sage-garden"][data-theme="dark"] {
  --ui-canvas: #0a0a0a;
  --ui-surface: #121212;
  --ui-field: #1a1a1a;
  --ui-subtle: #0a0a0a;
  --ui-raised: #1a1a1a;
  --ui-ink: #f5f5f5;
  --ui-heading: #f5f5f5;
  --ui-secondary: #f5f5f5;
  --ui-muted: #a0a0a0;
  --ui-line: color-mix(in srgb, #2a2a2a 85%, var(--ui-muted));
  --ui-grid-line: color-mix(in srgb, #2a2a2a 90%, var(--ui-muted));
  --ui-line-strong: #a0a0a0;
  --ui-scrollbar: #a0a0a0;
  --ui-primary: #7c9082;
  --ui-on-primary: #000000;
  --ui-accent-text: #f5f5f5;
  --ui-accent-bg: #36443a;
  --ui-accent-line: var(--ui-line);
  --palette-ring: #7c9082;
  --palette-input: #121212;
  --palette-popover: #121212;
  --palette-sidebar: #0f0f0f;
  --palette-sidebar-accent: #1a1a1a;
  --palette-sidebar-border: var(--ui-line);
  --palette-popover-foreground: #f5f5f5;
  --palette-sidebar-foreground: #f5f5f5;
  --palette-sidebar-accent-foreground: #f5f5f5;
  --ui-color-scheme: dark;
  --ui-primary-hover: color-mix(in srgb, var(--ui-primary) 90%, #ffffff);
}
:root[data-palette="claude"][data-theme="light"] {
  --ui-canvas: #faf9f5;
  --ui-surface: #faf9f5;
  --ui-field: #ede9de;
  --ui-subtle: #faf9f5;
  --ui-raised: #ede9de;
  --ui-ink: #3d3929;
  --ui-heading: #3d3929;
  --ui-secondary: #3d3929;
  --ui-muted: color-mix(in srgb, #83827d 60%, #3d3929);
  --ui-line: color-mix(in srgb, #dad9d4 75%, var(--ui-muted));
  --ui-grid-line: color-mix(in srgb, #dad9d4 85%, var(--ui-muted));
  --ui-line-strong: color-mix(in srgb, #83827d 60%, #3d3929);
  --ui-scrollbar: #83827d;
  --ui-primary: #c96442;
  --ui-on-primary: #000000;
  --ui-accent-text: #28261b;
  --ui-accent-bg: #e9e6dc;
  --ui-accent-line: var(--ui-line);
  --palette-ring: #c96442;
  --palette-input: #b4b2a7;
  --palette-popover: #ffffff;
  --palette-sidebar: #f5f4ee;
  --palette-sidebar-accent: #e9e6dc;
  --palette-sidebar-border: var(--ui-line);
  --palette-popover-foreground: #28261b;
  --palette-sidebar-foreground: #3d3d3a;
  --palette-sidebar-accent-foreground: #343434;
  --ui-color-scheme: light;
  --ui-primary-hover: color-mix(in srgb, var(--ui-primary) 90%, #ffffff);
}
:root[data-palette="claude"][data-theme="dark"] {
  --ui-canvas: #262624;
  --ui-surface: #262624;
  --ui-field: #1b1b19;
  --ui-subtle: #262624;
  --ui-raised: #1b1b19;
  --ui-ink: #c3c0b6;
  --ui-heading: #c3c0b6;
  --ui-secondary: #c3c0b6;
  --ui-muted: #b7b5a9;
  --ui-line: color-mix(in srgb, #3e3e38 95%, var(--ui-muted));
  --ui-grid-line: #3e3e38;
  --ui-line-strong: #b7b5a9;
  --ui-scrollbar: #b7b5a9;
  --ui-primary: #d97757;
  --ui-on-primary: #000000;
  --ui-accent-text: #f5f4ee;
  --ui-accent-bg: #1a1915;
  --ui-accent-line: var(--ui-line);
  --palette-ring: #d97757;
  --palette-input: #52514a;
  --palette-popover: #30302e;
  --palette-sidebar: #1f1e1d;
  --palette-sidebar-accent: #0f0f0e;
  --palette-sidebar-border: var(--ui-line);
  --palette-popover-foreground: #e5e5e2;
  --palette-sidebar-foreground: #c3c0b6;
  --palette-sidebar-accent-foreground: #c3c0b6;
  --ui-color-scheme: dark;
  --ui-primary-hover: color-mix(in srgb, var(--ui-primary) 90%, #ffffff);
}
:root[data-palette="lime-frost"][data-theme="light"] {
  --ui-canvas: #fbfcf8;
  --ui-surface: #ffffff;
  --ui-field: #f1f5f9;
  --ui-subtle: #fbfcf8;
  --ui-raised: #f1f5f9;
  --ui-ink: #0f172a;
  --ui-heading: #0f172a;
  --ui-secondary: #0f172a;
  --ui-muted: color-mix(in srgb, #64748b 95%, #0f172a);
  --ui-line: color-mix(in srgb, #e2e8f0 70%, var(--ui-muted));
  --ui-grid-line: color-mix(in srgb, #e2e8f0 85%, var(--ui-muted));
  --ui-line-strong: color-mix(in srgb, #64748b 95%, #0f172a);
  --ui-scrollbar: #64748b;
  --ui-primary: #aff33e;
  --ui-on-primary: #000000;
  --ui-accent-text: #166534;
  --ui-accent-bg: #f0fdf4;
  --ui-accent-line: var(--ui-line);
  --palette-ring: #aff33e;
  --palette-input: #e2e8f0;
  --palette-popover: #ffffff;
  --palette-sidebar: #ffffff;
  --palette-sidebar-accent: #f8fafc;
  --palette-sidebar-border: var(--ui-line);
  --palette-popover-foreground: #0f172a;
  --palette-sidebar-foreground: #0f172a;
  --palette-sidebar-accent-foreground: #0f172a;
  --ui-color-scheme: light;
  --ui-primary-hover: color-mix(in srgb, var(--ui-primary) 90%, #ffffff);
}
:root[data-palette="lime-frost"][data-theme="dark"] {
  --ui-canvas: #020617;
  --ui-surface: #0f172a;
  --ui-field: #1e293b;
  --ui-subtle: #020617;
  --ui-raised: #1e293b;
  --ui-ink: #f8fafc;
  --ui-heading: #f8fafc;
  --ui-secondary: #f8fafc;
  --ui-muted: #94a3b8;
  --ui-line: color-mix(in srgb, #1e293b 75%, var(--ui-muted));
  --ui-grid-line: color-mix(in srgb, #1e293b 80%, var(--ui-muted));
  --ui-line-strong: #94a3b8;
  --ui-scrollbar: #94a3b8;
  --ui-primary: #aff33e;
  --ui-on-primary: #000000;
  --ui-accent-text: #aff33e;
  --ui-accent-bg: #14532d;
  --ui-accent-line: var(--ui-line);
  --palette-ring: #aff33e;
  --palette-input: #1e293b;
  --palette-popover: #0f172a;
  --palette-sidebar: #020617;
  --palette-sidebar-accent: #1e293b;
  --palette-sidebar-border: var(--ui-line);
  --palette-popover-foreground: #f8fafc;
  --palette-sidebar-foreground: #f8fafc;
  --palette-sidebar-accent-foreground: #f8fafc;
  --ui-color-scheme: dark;
  --ui-primary-hover: color-mix(in srgb, var(--ui-primary) 90%, #ffffff);
}
:root[data-palette="elegant-luxury"][data-theme="light"] {
  --ui-canvas: #faf7f5;
  --ui-surface: #faf7f5;
  --ui-field: #f0ebe8;
  --ui-subtle: #faf7f5;
  --ui-raised: #f0ebe8;
  --ui-ink: #1a1a1a;
  --ui-heading: #1a1a1a;
  --ui-secondary: #1a1a1a;
  --ui-muted: #57534e;
  --ui-line: color-mix(in srgb, #f5e8d2 70%, var(--ui-muted));
  --ui-grid-line: color-mix(in srgb, #f5e8d2 80%, var(--ui-muted));
  --ui-line-strong: #57534e;
  --ui-scrollbar: #57534e;
  --ui-primary: #9b2c2c;
  --ui-on-primary: #ffffff;
  --ui-accent-text: #7f1d1d;
  --ui-accent-bg: #fef3c7;
  --ui-accent-line: var(--ui-line);
  --palette-ring: #9b2c2c;
  --palette-input: #f5e8d2;
  --palette-popover: #faf7f5;
  --palette-sidebar: #f0ebe8;
  --palette-sidebar-accent: #fef3c7;
  --palette-sidebar-border: var(--ui-line);
  --palette-popover-foreground: #1a1a1a;
  --palette-sidebar-foreground: #1a1a1a;
  --palette-sidebar-accent-foreground: #7f1d1d;
  --ui-color-scheme: light;
  --ui-primary-hover: color-mix(in srgb, var(--ui-primary) 90%, #000000);
}
:root[data-palette="elegant-luxury"][data-theme="dark"] {
  --ui-canvas: #1c1917;
  --ui-surface: #292524;
  --ui-field: #1f1c1a;
  --ui-subtle: #1c1917;
  --ui-raised: #1f1c1a;
  --ui-ink: #f5f5f4;
  --ui-heading: #f5f5f4;
  --ui-secondary: #f5f5f4;
  --ui-muted: #d6d3d1;
  --ui-line: color-mix(in srgb, #44403c 95%, var(--ui-muted));
  --ui-grid-line: #44403c;
  --ui-line-strong: #d6d3d1;
  --ui-scrollbar: #d6d3d1;
  --ui-primary: #b91c1c;
  --ui-on-primary: #faf7f5;
  --ui-accent-text: #fef3c7;
  --ui-accent-bg: color-mix(in srgb, #b45309 95%, #292524);
  --ui-accent-line: var(--ui-line);
  --palette-ring: #b91c1c;
  --palette-input: #44403c;
  --palette-popover: #292524;
  --palette-sidebar: #1c1917;
  --palette-sidebar-accent: #b45309;
  --palette-sidebar-border: var(--ui-line);
  --palette-popover-foreground: #f5f5f4;
  --palette-sidebar-foreground: #f5f5f4;
  --palette-sidebar-accent-foreground: color-mix(in srgb, #fef3c7 10%, #f5f5f4);
  --ui-color-scheme: dark;
  --ui-primary-hover: color-mix(in srgb, var(--ui-primary) 90%, #000000);
}
:root[data-palette="supabase"][data-theme="light"] {
  --ui-canvas: #fcfcfc;
  --ui-surface: #fcfcfc;
  --ui-field: #ededed;
  --ui-subtle: #fcfcfc;
  --ui-raised: #ededed;
  --ui-ink: #171717;
  --ui-heading: #171717;
  --ui-secondary: #171717;
  --ui-muted: #202020;
  --ui-line: color-mix(in srgb, #dfdfdf 80%, var(--ui-muted));
  --ui-grid-line: color-mix(in srgb, #dfdfdf 90%, var(--ui-muted));
  --ui-line-strong: #202020;
  --ui-scrollbar: #202020;
  --ui-primary: #72e3ad;
  --ui-on-primary: #1e2723;
  --ui-accent-text: #202020;
  --ui-accent-bg: #ededed;
  --ui-accent-line: var(--ui-line);
  --palette-ring: #72e3ad;
  --palette-input: #f6f6f6;
  --palette-popover: #fcfcfc;
  --palette-sidebar: #fcfcfc;
  --palette-sidebar-accent: #ededed;
  --palette-sidebar-border: var(--ui-line);
  --palette-popover-foreground: #525252;
  --palette-sidebar-foreground: #707070;
  --palette-sidebar-accent-foreground: #202020;
  --ui-color-scheme: light;
  --ui-primary-hover: color-mix(in srgb, var(--ui-primary) 90%, #ffffff);
}
:root[data-palette="supabase"][data-theme="dark"] {
  --ui-canvas: #121212;
  --ui-surface: #171717;
  --ui-field: #1f1f1f;
  --ui-subtle: #121212;
  --ui-raised: #1f1f1f;
  --ui-ink: #e2e8f0;
  --ui-heading: #e2e8f0;
  --ui-secondary: #e2e8f0;
  --ui-muted: #a2a2a2;
  --ui-line: color-mix(in srgb, #292929 80%, var(--ui-muted));
  --ui-grid-line: color-mix(in srgb, #292929 90%, var(--ui-muted));
  --ui-line-strong: #a2a2a2;
  --ui-scrollbar: #a2a2a2;
  --ui-primary: #006239;
  --ui-on-primary: #dde8e3;
  --ui-accent-text: #fafafa;
  --ui-accent-bg: #313131;
  --ui-accent-line: var(--ui-line);
  --palette-ring: #4ade80;
  --palette-input: #242424;
  --palette-popover: #242424;
  --palette-sidebar: #121212;
  --palette-sidebar-accent: #313131;
  --palette-sidebar-border: var(--ui-line);
  --palette-popover-foreground: #a9a9a9;
  --palette-sidebar-foreground: #898989;
  --palette-sidebar-accent-foreground: #fafafa;
  --ui-color-scheme: dark;
  --ui-primary-hover: color-mix(in srgb, var(--ui-primary) 90%, #000000);
}
:root[data-palette="twitter"][data-theme="light"] {
  --ui-canvas: #ffffff;
  --ui-surface: #f7f8f8;
  --ui-field: #E5E5E6;
  --ui-subtle: #ffffff;
  --ui-raised: #E5E5E6;
  --ui-ink: #0f1419;
  --ui-heading: #0f1419;
  --ui-secondary: #0f1419;
  --ui-muted: #0f1419;
  --ui-line: color-mix(in srgb, #e1eaef 75%, var(--ui-muted));
  --ui-grid-line: color-mix(in srgb, #e1eaef 80%, var(--ui-muted));
  --ui-line-strong: #0f1419;
  --ui-scrollbar: #0f1419;
  --ui-primary: #1e9df1;
  --ui-on-primary: #000000;
  --ui-accent-text: color-mix(in srgb, #1e9df1 60%, #0f1419);
  --ui-accent-bg: #E3ECF6;
  --ui-accent-line: var(--ui-line);
  --palette-ring: #1da1f2;
  --palette-input: #f7f9fa;
  --palette-popover: #ffffff;
  --palette-sidebar: #f7f8f8;
  --palette-sidebar-accent: #E3ECF6;
  --palette-sidebar-border: var(--ui-line);
  --palette-popover-foreground: #0f1419;
  --palette-sidebar-foreground: #0f1419;
  --palette-sidebar-accent-foreground: color-mix(in srgb, #1e9df1 65%, #0f1419);
  --ui-color-scheme: light;
  --ui-primary-hover: color-mix(in srgb, var(--ui-primary) 90%, #ffffff);
}
:root[data-palette="twitter"][data-theme="dark"] {
  --ui-canvas: #000000;
  --ui-surface: #17181c;
  --ui-field: #181818;
  --ui-subtle: #000000;
  --ui-raised: #181818;
  --ui-ink: #e7e9ea;
  --ui-heading: #e7e9ea;
  --ui-secondary: #e7e9ea;
  --ui-muted: color-mix(in srgb, #72767a 85%, #e7e9ea);
  --ui-line: color-mix(in srgb, #242628 75%, var(--ui-muted));
  --ui-grid-line: color-mix(in srgb, #242628 90%, var(--ui-muted));
  --ui-line-strong: color-mix(in srgb, #72767a 85%, #e7e9ea);
  --ui-scrollbar: #72767a;
  --ui-primary: #1c9cf0;
  --ui-on-primary: #000000;
  --ui-accent-text: #1c9cf0;
  --ui-accent-bg: #061622;
  --ui-accent-line: var(--ui-line);
  --palette-ring: #1da1f2;
  --palette-input: #22303c;
  --palette-popover: #000000;
  --palette-sidebar: #17181c;
  --palette-sidebar-accent: #061622;
  --palette-sidebar-border: var(--ui-line);
  --palette-popover-foreground: #e7e9ea;
  --palette-sidebar-foreground: #d9d9d9;
  --palette-sidebar-accent-foreground: #1c9cf0;
  --ui-color-scheme: dark;
  --ui-primary-hover: color-mix(in srgb, var(--ui-primary) 90%, #ffffff);
}
:root[data-palette="vintage-paper"][data-theme="light"] {
  --ui-canvas: #f5f1e6;
  --ui-surface: #fffcf5;
  --ui-field: #ece5d8;
  --ui-subtle: #f5f1e6;
  --ui-raised: #ece5d8;
  --ui-ink: #4a3f35;
  --ui-heading: #4a3f35;
  --ui-secondary: #4a3f35;
  --ui-muted: color-mix(in srgb, #7d6b56 80%, #4a3f35);
  --ui-line: color-mix(in srgb, #dbd0ba 75%, var(--ui-muted));
  --ui-grid-line: color-mix(in srgb, #dbd0ba 90%, var(--ui-muted));
  --ui-line-strong: color-mix(in srgb, #7d6b56 80%, #4a3f35);
  --ui-scrollbar: #7d6b56;
  --ui-primary: #a67c52;
  --ui-on-primary: #000000;
  --ui-accent-text: #4a3f35;
  --ui-accent-bg: #d4c8aa;
  --ui-accent-line: var(--ui-line);
  --palette-ring: #a67c52;
  --palette-input: #dbd0ba;
  --palette-popover: #fffcf5;
  --palette-sidebar: #ece5d8;
  --palette-sidebar-accent: #d4c8aa;
  --palette-sidebar-border: var(--ui-line);
  --palette-popover-foreground: #4a3f35;
  --palette-sidebar-foreground: #4a3f35;
  --palette-sidebar-accent-foreground: #4a3f35;
  --ui-color-scheme: light;
  --ui-primary-hover: color-mix(in srgb, var(--ui-primary) 90%, #ffffff);
}
:root[data-palette="vintage-paper"][data-theme="dark"] {
  --ui-canvas: #2d2621;
  --ui-surface: #3a322c;
  --ui-field: #312b26;
  --ui-subtle: #2d2621;
  --ui-raised: #312b26;
  --ui-ink: #ece5d8;
  --ui-heading: #ece5d8;
  --ui-secondary: #ece5d8;
  --ui-muted: #c5bcac;
  --ui-line: color-mix(in srgb, #4a4039 85%, var(--ui-muted));
  --ui-grid-line: color-mix(in srgb, #4a4039 95%, var(--ui-muted));
  --ui-line-strong: #c5bcac;
  --ui-scrollbar: #c5bcac;
  --ui-primary: #c0a080;
  --ui-on-primary: #2d2621;
  --ui-accent-text: #ece5d8;
  --ui-accent-bg: #59493e;
  --ui-accent-line: var(--ui-line);
  --palette-ring: #c0a080;
  --palette-input: #4a4039;
  --palette-popover: #3a322c;
  --palette-sidebar: #2d2621;
  --palette-sidebar-accent: #59493e;
  --palette-sidebar-border: var(--ui-line);
  --palette-popover-foreground: #ece5d8;
  --palette-sidebar-foreground: #ece5d8;
  --palette-sidebar-accent-foreground: #ece5d8;
  --ui-color-scheme: dark;
  --ui-primary-hover: color-mix(in srgb, var(--ui-primary) 90%, #ffffff);
}
:root[data-palette="catppuccin"][data-theme="light"] {
  --ui-canvas: #eff1f5;
  --ui-surface: #ffffff;
  --ui-field: #dce0e8;
  --ui-subtle: #eff1f5;
  --ui-raised: #dce0e8;
  --ui-ink: #4c4f69;
  --ui-heading: #4c4f69;
  --ui-secondary: #4c4f69;
  --ui-muted: color-mix(in srgb, #6c6f85 50%, #4c4f69);
  --ui-line: color-mix(in srgb, #bcc0cc 85%, var(--ui-muted));
  --ui-grid-line: #bcc0cc;
  --ui-line-strong: color-mix(in srgb, #6c6f85 50%, #4c4f69);
  --ui-scrollbar: #6c6f85;
  --ui-primary: #8839ef;
  --ui-on-primary: #ffffff;
  --ui-accent-text: color-mix(in srgb, #ffffff 5%, #4c4f69);
  --ui-accent-bg: color-mix(in srgb, #04a5e5 35%, #ffffff);
  --ui-accent-line: var(--ui-line);
  --palette-ring: #8839ef;
  --palette-input: #ccd0da;
  --palette-popover: #ccd0da;
  --palette-sidebar: #e6e9ef;
  --palette-sidebar-accent: #04a5e5;
  --palette-sidebar-border: var(--ui-line);
  --palette-popover-foreground: #4c4f69;
  --palette-sidebar-foreground: #4c4f69;
  --palette-sidebar-accent-foreground: #000000;
  --ui-color-scheme: light;
  --ui-primary-hover: color-mix(in srgb, var(--ui-primary) 90%, #000000);
}
:root[data-palette="catppuccin"][data-theme="dark"] {
  --ui-canvas: #181825;
  --ui-surface: #1e1e2e;
  --ui-field: #292c3c;
  --ui-subtle: #181825;
  --ui-raised: #292c3c;
  --ui-ink: #cdd6f4;
  --ui-heading: #cdd6f4;
  --ui-secondary: #cdd6f4;
  --ui-muted: #a6adc8;
  --ui-line: color-mix(in srgb, #313244 80%, var(--ui-muted));
  --ui-grid-line: color-mix(in srgb, #313244 85%, var(--ui-muted));
  --ui-line-strong: #a6adc8;
  --ui-scrollbar: #a6adc8;
  --ui-primary: #cba6f7;
  --ui-on-primary: #1e1e2e;
  --ui-accent-text: color-mix(in srgb, #1e1e2e 35%, #cdd6f4);
  --ui-accent-bg: color-mix(in srgb, #89dceb 5%, #1e1e2e);
  --ui-accent-line: var(--ui-line);
  --palette-ring: #cba6f7;
  --palette-input: #313244;
  --palette-popover: #45475a;
  --palette-sidebar: #11111b;
  --palette-sidebar-accent: #89dceb;
  --palette-sidebar-border: var(--ui-line);
  --palette-popover-foreground: #cdd6f4;
  --palette-sidebar-foreground: #cdd6f4;
  --palette-sidebar-accent-foreground: #1e1e2e;
  --ui-color-scheme: dark;
  --ui-primary-hover: color-mix(in srgb, var(--ui-primary) 90%, #ffffff);
}
}