/* =====================================================================
   GENERATED FILE — do not edit. Written by the ExportThemeCatalog target
   (cicd/build.cs → cicd/ThemeCatalogExport) from ThemeIdentityRegistry.cs
   and the shipped theme packages under
   src/Shell/Saascade.FileManager.Shell.UI/wwwroot/css/themes/. #6886.

   Switch a preview on the page by setting data-theme-preview="<id>" and
   data-scheme="light|dark" on any wrapper — no framework, no script.
   ===================================================================== */

/* The base pair: the whole token contract at its default (Windows) values.
   Emitted FIRST on purpose — the per-theme selectors below have the same
   specificity, so order is what makes a theme win. */
[data-theme-preview][data-scheme="light"] {
  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-fluid-1: clamp(0.25rem, 0.2rem + 0.2vw, 0.4rem);
  --space-fluid-2: clamp(0.375rem, 0.31rem + 0.3vw, 0.6rem);
  --space-fluid-3: clamp(0.5625rem, 0.46rem + 0.45vw, 0.9rem);
  --space-fluid-4: clamp(0.84rem, 0.7rem + 0.68vw, 1.35rem);
  --space-fluid-5: clamp(1.27rem, 1.05rem + 1vw, 2rem);
  --space-fluid-6: clamp(1.9rem, 1.58rem + 1.5vw, 3rem);
  --text-scale: 1;
  --text-3xs: calc((0.5rem) * var(--text-scale));
  --text-2xs: calc((0.6875rem) * var(--text-scale));
  --text-xs: calc((0.75rem) * var(--text-scale));
  --text-sm: calc((0.8125rem) * var(--text-scale));
  --text-md: calc((0.9375rem) * var(--text-scale));
  --text-lg: calc((1.0625rem) * var(--text-scale));
  --text-xl: calc((1.375rem) * var(--text-scale));
  --text-size-1: calc((clamp(0.8rem, 0.78rem + 0.1vw, 0.9rem)) * var(--text-scale));
  --text-size-2: calc((clamp(0.9rem, 0.87rem + 0.15vw, 1.05rem)) * var(--text-scale));
  --text-size-3: calc((clamp(1.05rem, 1rem + 0.25vw, 1.25rem)) * var(--text-scale));
  --text-size-4: calc((clamp(1.25rem, 1.15rem + 0.5vw, 1.6rem)) * var(--text-scale));
  --line-height-tight: 1.2;
  --line-height-normal: 1.5;
  --letter-spacing-display: normal;
  --font-ui: "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
  --font-display: var(--font-ui);
  --font-mono: ui-monospace, "Cascadia Code", "Consolas", monospace;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --border-width: 1px;
  --duration-instant: 0ms;
  --duration-fast: 120ms;
  --duration-medium: 220ms;
  --duration-slow: 400ms;
  --duration-extra-slow: 1500ms;
  --duration-spinner: 800ms;
  --motion-easing: cubic-bezier(0.2, 0, 0, 1);
  --z-base: 0;
  --z-overlay: 100;
  --z-modal: 1300;
  --window-bar-height: 2.4rem;
  --topbar-height: 3rem;
  --statusbar-height: 1.75rem;
  --sidebar-width: 15rem;
  --surface-window: #f3f3f3;
  --surface-content: #ffffff;
  --surface-raised: #ffffff;
  --surface-sunken: #ececec;
  --surface-translucent: color-mix(in srgb, #ffffff 70%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 6%, transparent);
  --surface-scrim: color-mix(in srgb, #000000 32%, transparent);
  --surface-hover: color-mix(in srgb, #0067c0 10%, transparent);
  --surface-selected: color-mix(in srgb, #0067c0 16%, transparent);
  --text-primary: #1a1a1a;
  --text-muted: #5c5c5c;
  --text-faint: #8a8a8a;
  --text-disabled: color-mix(in srgb, #1a1a1a 40%, transparent);
  --text-on-accent: #ffffff;
  --text-link: #0067c0;
  --accent: #0067c0;
  --accent-hover: #005ba1;
  --accent-pressed: #00528f;
  --accent-soft: color-mix(in srgb, #0067c0 12%, transparent);
  --accent-secondary: #0067c0;
  --danger: #b42318;
  --danger-hover: #9a1e14;
  --danger-soft: #fbeae8;
  --success: #1a7f37;
  --success-soft: #e6f4ea;
  --warning: #d18b00;
  --warning-soft: #fdf3e1;
  --info: #0958a8;
  --info-soft: #e7f1fb;
  --git-clean: var(--success);
  --git-added: var(--success);
  --git-modified: var(--warning);
  --git-staged: var(--info);
  --git-renamed: var(--info);
  --git-deleted: var(--danger);
  --git-untracked: #7c5cff;
  --git-ignored: var(--text-muted);
  --border-default: color-mix(in srgb, #000000 9%, transparent);
  --border-strong: color-mix(in srgb, #000000 16%, transparent);
  --border-subtle: color-mix(in srgb, #000000 5%, transparent);
  --focus-ring: #0067c0;
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;
  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 8%, transparent);
  --shadow-md: 0 4px 16px color-mix(in srgb, #000000 12%, transparent);
  --shadow-lg: 0 16px 40px color-mix(in srgb, #000000 18%, transparent);
  --surface-blur: 0px;
  --surface-texture: none;
  --window-background: var(--surface-window);
  --window-bar-background: var(--surface-window);
  --window-bar-text: var(--text-primary);
  --topbar-background: var(--surface-window);
  --topbar-icon-color: var(--text-muted);
  --topbar-button-hover-background: var(--accent-soft);
  --topbar-button-hover-text: var(--text-primary);
  --sidebar-background: color-mix(in srgb, #f3f3f3 88%, #ffffff);
  --sidebar-text: var(--text-primary);
  --sidebar-icon-color: var(--text-muted);
  --sidebar-group-heading-text: var(--text-muted);
  --sidebar-item-hover-background: var(--surface-hover);
  --sidebar-item-selected-background: var(--surface-selected);
  --sidebar-item-selected-text: var(--text-primary);
  --listing-background: var(--surface-content);
  --listing-background-wash: none;
  --listing-text: var(--text-primary);
  --listing-detail-text: var(--text-muted);
  --listing-row-hover-background: var(--surface-hover);
  --listing-row-selected-background: var(--surface-selected);
  --listing-row-selected-text: var(--text-primary);
  --listing-header-background: var(--surface-content);
  --listing-header-text: var(--text-muted);
  --folder-glyph-color: #e8b923;
  --file-glyph-color: var(--text-muted);
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 3.5h4l1.5 2h7.5v7a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1v-9z'/%3E%3C/svg%3E");
  --folder-color-red-accent: #c42b1c;
  --folder-color-red-fill: #f5c9c4;
  --folder-color-orange-accent: #ca5010;
  --folder-color-orange-fill: #f5d3bd;
  --folder-color-yellow-accent: #c19c00;
  --folder-color-yellow-fill: #f0e6b3;
  --folder-color-green-accent: #107c41;
  --folder-color-green-fill: #c3e5cf;
  --folder-color-blue-accent: #0067c0;
  --folder-color-blue-fill: #c5dff2;
  --folder-color-purple-accent: #6b3fbf;
  --folder-color-purple-fill: #ded1f2;
  --folder-color-grey-accent: #6e6e6e;
  --folder-color-grey-fill: #dcdcdc;
  --view-bar-background: var(--surface-window);
  --view-bar-text: var(--text-muted);
  --view-bar-button-hover-background: var(--surface-hover);
  --view-bar-button-active-background: var(--surface-selected);
  --drive-capacity-bar-color: var(--accent);
  --drive-capacity-track-color: var(--border-default);
  --drive-capacity-warning-color: var(--warning);
  --drive-capacity-critical-color: var(--danger);
  --disk-usage-chart-color-1: #0067c0;
  --disk-usage-chart-color-2: #0e7c8a;
  --disk-usage-chart-color-3: #177d3f;
  --disk-usage-chart-color-4: #a8620a;
  --disk-usage-chart-color-5: #5a52c9;
  --disk-usage-chart-color-6: #c2387f;
  --disk-usage-chart-other-color: var(--text-faint);
  --folder-tree-indent-guide-color: var(--border-default);
  --folder-tree-chevron-color: var(--text-faint);
  --path-bar-background: var(--surface-window);
  --path-bar-border: var(--border-default);
  --path-bar-text: var(--text-muted);
  --path-bar-current-text: var(--text-primary);
  --path-bar-segment-hover-background: var(--surface-hover);
  --tab-strip-background: var(--window-bar-background);
  --tab-active-background: var(--surface-content);
  --tab-active-text: var(--text-primary);
  --tab-inactive-text: var(--text-muted);
  --tab-hover-background: var(--surface-hover);
  --menu-background: var(--surface-raised);
  --menu-border: var(--border-default);
  --menu-shadow: var(--shadow-md);
  --menu-text: var(--text-primary);
  --menu-item-hover-background: var(--surface-hover);
  --menu-item-hover-text: var(--text-primary);
  --menu-separator-color: var(--border-default);
  --menu-shortcut-text: var(--text-faint);
  --context-menu-accent-cut: #1667c2;
  --context-menu-accent-copy: #1667c2;
  --context-menu-accent-copy-path: #0e7c8a;
  --context-menu-accent-paste: #177d3f;
  --context-menu-accent-rename: #a8620a;
  --context-menu-accent-properties: #5a52c9;
  --context-menu-accent-share: #7b46c4;
  --dialog-background: var(--surface-raised);
  --dialog-text: var(--text-primary);
  --dialog-border: var(--border-default);
  --dialog-shadow: var(--shadow-lg);
  --dialog-backdrop: var(--surface-scrim);
  --button-primary-background: var(--accent);
  --button-primary-text: var(--text-on-accent);
  --button-primary-hover-background: var(--accent-hover);
  --button-secondary-background: transparent;
  --button-secondary-text: var(--text-primary);
  --button-secondary-border: var(--border-strong);
  --button-secondary-hover-background: var(--surface-hover);
  --button-danger-background: var(--danger);
  --button-danger-text: var(--text-on-accent);
  --button-danger-hover-background: var(--danger-hover);
  --input-background: var(--surface-raised);
  --input-text: var(--text-primary);
  --input-border: var(--border-strong);
  --input-focus-border: var(--accent);
  --input-placeholder-text: var(--text-faint);
  --statusbar-background: var(--surface-window);
  --statusbar-text: var(--text-muted);
  --search-match-highlight-background: color-mix(in srgb, var(--accent) 25%, transparent);
  --search-match-highlight-text: var(--text-primary);
  --tag-background: var(--accent-soft);
  --tag-text: var(--text-primary);
  --tag-border: transparent;
  --tag-color-red: #d13438;
  --tag-color-orange: #ca5010;
  --tag-color-yellow: #c19c00;
  --tag-color-green: #107c41;
  --tag-color-blue: #0067c0;
  --tag-color-teal: #0e7c8a;
  --tag-color-purple: #6b3fbf;
  --tag-color-pink: #c2387f;
  --tag-color-gray: #6e6e6e;
  --progress-bar-color: var(--accent);
  --progress-track-color: var(--border-default);
  --drop-target-outline-color: var(--accent);
  --drop-target-background: var(--accent-soft);
  --drag-ghost-background: var(--surface-raised);
  --selection-rectangle-border-color: var(--accent);
  --selection-rectangle-background: var(--accent-soft);
  --scrollbar-thumb-color: color-mix(in srgb, var(--text-primary) 30%, transparent);
  --scrollbar-track-color: transparent;
  --tooltip-background: var(--surface-raised);
  --tooltip-text: var(--text-primary);
  --tooltip-border: var(--border-default);
  --tooltip-shadow: var(--shadow-sm);
  --notification-background: var(--surface-raised);
  --notification-text: var(--text-primary);
  --notification-border: var(--border-default);
  --notification-shadow: var(--shadow-md);
  --empty-state-text: var(--text-faint);
  --empty-state-border-color: var(--border-default);
  --preview-background: var(--surface-content);
  --code-viewer-background: var(--surface-content);
  --code-viewer-gutter-background: var(--surface-window);
  --code-viewer-gutter-text: var(--text-faint);
  --code-viewer-gutter-current-text: var(--text-primary);
  --code-viewer-current-line-background: var(--accent-soft);
  --theme-gallery-swatch-border: var(--border-default);
  --font-ui: "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
  --font-display: var(--font-ui);
  --letter-spacing-display: normal;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --surface-window: #f3f3f3;
  --surface-content: #fbfbfb;
  --surface-translucent: color-mix(in srgb, #ffffff 65%, transparent);
  --surface-raised: #ffffff;
  --surface-sunken: #ececec;
  --surface-overlay: color-mix(in srgb, #000000 5%, transparent);
  --surface-scrim: color-mix(in srgb, #000000 32%, transparent);
  --surface-hover: color-mix(in srgb, #0067c0 10%, transparent);
  --surface-selected: color-mix(in srgb, #0067c0 16%, transparent);
  --sidebar-background: color-mix(in srgb, #eef1f5 82%, #ffffff);
  --text-primary: #1a1a1a;
  --text-muted: #5c5c5c;
  --text-faint: #8a8a8a;
  --text-disabled: color-mix(in srgb, #1a1a1a 40%, transparent);
  --text-on-accent: #ffffff;
  --text-link: #0067c0;
  --accent: #0067c0;
  --accent-hover: #005ba1;
  --accent-pressed: #00528f;
  --accent-soft: color-mix(in srgb, #0067c0 12%, transparent);
  --accent-secondary: #0067c0;
  --danger: #b42318;
  --danger-hover: #9a1e14;
  --danger-soft: #fbeae8;
  --success: #1a7f37;
  --success-soft: #e6f4ea;
  --warning: #d18b00;
  --warning-soft: #fdf3e1;
  --info: #0958a8;
  --info-soft: #e7f1fb;
  --border-default: color-mix(in srgb, #000000 8%, transparent);
  --border-strong: color-mix(in srgb, #000000 15%, transparent);
  --border-subtle: color-mix(in srgb, #000000 5%, transparent);
  --focus-ring: #0067c0;
  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 8%, transparent);
  --shadow-md: 0 8px 24px color-mix(in srgb, #000000 14%, transparent);
  --shadow-lg: 0 16px 40px color-mix(in srgb, #000000 18%, transparent);
  --folder-glyph-color: #e8b923;
  --listing-background-wash: none;
  --folder-color-red-accent: #c42b1c;
  --folder-color-red-fill: #f5c9c4;
  --folder-color-orange-accent: #ca5010;
  --folder-color-orange-fill: #f5d3bd;
  --folder-color-yellow-accent: #c19c00;
  --folder-color-yellow-fill: #f0e6b3;
  --folder-color-green-accent: #107c41;
  --folder-color-green-fill: #c3e5cf;
  --folder-color-blue-accent: #0067c0;
  --folder-color-blue-fill: #c5dff2;
  --folder-color-purple-accent: #6b3fbf;
  --folder-color-purple-fill: #ded1f2;
  --folder-color-grey-accent: #6e6e6e;
  --folder-color-grey-fill: #dcdcdc;
  --context-menu-accent-cut: #1667c2;
  --context-menu-accent-copy: #1667c2;
  --context-menu-accent-copy-path: #0e7c8a;
  --context-menu-accent-paste: #177d3f;
  --context-menu-accent-rename: #a8620a;
  --context-menu-accent-properties: #5a52c9;
  --context-menu-accent-share: #7b46c4;
  --code-syntax-keyword: #c41c3b;
  --code-syntax-string: #032f62;
  --code-syntax-comment: #6a737d;
  --code-syntax-number: #005cc5;
  --code-syntax-identifier: #24292e;
  --code-syntax-punctuation: #24292e;
  --code-syntax-text: #24292e;
  --code-syntax-type: #1f6b8f;
  --code-syntax-function: #795e26;
  --preview-highlight-comment: #008000;
  --preview-highlight-string: #a31515;
  --preview-highlight-keyword: #0000ff;
  --preview-highlight-type: #267f99;
  --preview-highlight-number: #098658;
  --preview-highlight-function: #795e26;
  --preview-highlight-tag: #800000;
  --preview-highlight-attribute: #e50000;
  --preview-highlight-key: #0451a5;
  --preview-highlight-property: #0451a5;
  --preview-highlight-selector: #800000;
  --preview-highlight-heading: #0000ff;
  --preview-highlight-punctuation: var(--text-muted);
  --preview-highlight-log-time: #0451a5;
  --preview-highlight-log-error: #c00000;
  --preview-highlight-log-warning: #b45309;
  --preview-highlight-log-info: #0e7490;
  --preview-highlight-log-debug: #6b7280;
  --tag-color-red: #d13438;
  --tag-color-orange: #ca5010;
  --tag-color-yellow: #c19c00;
  --tag-color-green: #107c41;
  --tag-color-blue: #0067c0;
  --tag-color-teal: #0e7c8a;
  --tag-color-purple: #6b3fbf;
  --tag-color-pink: #c2387f;
  --tag-color-gray: #6e6e6e;
}
[data-theme-preview][data-scheme="dark"] {
  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-fluid-1: clamp(0.25rem, 0.2rem + 0.2vw, 0.4rem);
  --space-fluid-2: clamp(0.375rem, 0.31rem + 0.3vw, 0.6rem);
  --space-fluid-3: clamp(0.5625rem, 0.46rem + 0.45vw, 0.9rem);
  --space-fluid-4: clamp(0.84rem, 0.7rem + 0.68vw, 1.35rem);
  --space-fluid-5: clamp(1.27rem, 1.05rem + 1vw, 2rem);
  --space-fluid-6: clamp(1.9rem, 1.58rem + 1.5vw, 3rem);
  --text-scale: 1;
  --text-3xs: calc((0.5rem) * var(--text-scale));
  --text-2xs: calc((0.6875rem) * var(--text-scale));
  --text-xs: calc((0.75rem) * var(--text-scale));
  --text-sm: calc((0.8125rem) * var(--text-scale));
  --text-md: calc((0.9375rem) * var(--text-scale));
  --text-lg: calc((1.0625rem) * var(--text-scale));
  --text-xl: calc((1.375rem) * var(--text-scale));
  --text-size-1: calc((clamp(0.8rem, 0.78rem + 0.1vw, 0.9rem)) * var(--text-scale));
  --text-size-2: calc((clamp(0.9rem, 0.87rem + 0.15vw, 1.05rem)) * var(--text-scale));
  --text-size-3: calc((clamp(1.05rem, 1rem + 0.25vw, 1.25rem)) * var(--text-scale));
  --text-size-4: calc((clamp(1.25rem, 1.15rem + 0.5vw, 1.6rem)) * var(--text-scale));
  --line-height-tight: 1.2;
  --line-height-normal: 1.5;
  --letter-spacing-display: normal;
  --font-ui: "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
  --font-display: var(--font-ui);
  --font-mono: ui-monospace, "Cascadia Code", "Consolas", monospace;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --border-width: 1px;
  --duration-instant: 0ms;
  --duration-fast: 120ms;
  --duration-medium: 220ms;
  --duration-slow: 400ms;
  --duration-extra-slow: 1500ms;
  --duration-spinner: 800ms;
  --motion-easing: cubic-bezier(0.2, 0, 0, 1);
  --z-base: 0;
  --z-overlay: 100;
  --z-modal: 1300;
  --window-bar-height: 2.4rem;
  --topbar-height: 3rem;
  --statusbar-height: 1.75rem;
  --sidebar-width: 15rem;
  --surface-window: #f3f3f3;
  --surface-content: #ffffff;
  --surface-raised: #ffffff;
  --surface-sunken: #ececec;
  --surface-translucent: color-mix(in srgb, #ffffff 70%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 6%, transparent);
  --surface-scrim: color-mix(in srgb, #000000 32%, transparent);
  --surface-hover: color-mix(in srgb, #0067c0 10%, transparent);
  --surface-selected: color-mix(in srgb, #0067c0 16%, transparent);
  --text-primary: #1a1a1a;
  --text-muted: #5c5c5c;
  --text-faint: #8a8a8a;
  --text-disabled: color-mix(in srgb, #1a1a1a 40%, transparent);
  --text-on-accent: #ffffff;
  --text-link: #0067c0;
  --accent: #0067c0;
  --accent-hover: #005ba1;
  --accent-pressed: #00528f;
  --accent-soft: color-mix(in srgb, #0067c0 12%, transparent);
  --accent-secondary: #0067c0;
  --danger: #b42318;
  --danger-hover: #9a1e14;
  --danger-soft: #fbeae8;
  --success: #1a7f37;
  --success-soft: #e6f4ea;
  --warning: #d18b00;
  --warning-soft: #fdf3e1;
  --info: #0958a8;
  --info-soft: #e7f1fb;
  --git-clean: var(--success);
  --git-added: var(--success);
  --git-modified: var(--warning);
  --git-staged: var(--info);
  --git-renamed: var(--info);
  --git-deleted: var(--danger);
  --git-untracked: #7c5cff;
  --git-ignored: var(--text-muted);
  --border-default: color-mix(in srgb, #000000 9%, transparent);
  --border-strong: color-mix(in srgb, #000000 16%, transparent);
  --border-subtle: color-mix(in srgb, #000000 5%, transparent);
  --focus-ring: #0067c0;
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;
  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 8%, transparent);
  --shadow-md: 0 4px 16px color-mix(in srgb, #000000 12%, transparent);
  --shadow-lg: 0 16px 40px color-mix(in srgb, #000000 18%, transparent);
  --surface-blur: 0px;
  --surface-texture: none;
  --window-background: var(--surface-window);
  --window-bar-background: var(--surface-window);
  --window-bar-text: var(--text-primary);
  --topbar-background: var(--surface-window);
  --topbar-icon-color: var(--text-muted);
  --topbar-button-hover-background: var(--accent-soft);
  --topbar-button-hover-text: var(--text-primary);
  --sidebar-background: color-mix(in srgb, #f3f3f3 88%, #ffffff);
  --sidebar-text: var(--text-primary);
  --sidebar-icon-color: var(--text-muted);
  --sidebar-group-heading-text: var(--text-muted);
  --sidebar-item-hover-background: var(--surface-hover);
  --sidebar-item-selected-background: var(--surface-selected);
  --sidebar-item-selected-text: var(--text-primary);
  --listing-background: var(--surface-content);
  --listing-background-wash: none;
  --listing-text: var(--text-primary);
  --listing-detail-text: var(--text-muted);
  --listing-row-hover-background: var(--surface-hover);
  --listing-row-selected-background: var(--surface-selected);
  --listing-row-selected-text: var(--text-primary);
  --listing-header-background: var(--surface-content);
  --listing-header-text: var(--text-muted);
  --folder-glyph-color: #e8b923;
  --file-glyph-color: var(--text-muted);
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 3.5h4l1.5 2h7.5v7a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1v-9z'/%3E%3C/svg%3E");
  --folder-color-red-accent: #c42b1c;
  --folder-color-red-fill: #f5c9c4;
  --folder-color-orange-accent: #ca5010;
  --folder-color-orange-fill: #f5d3bd;
  --folder-color-yellow-accent: #c19c00;
  --folder-color-yellow-fill: #f0e6b3;
  --folder-color-green-accent: #107c41;
  --folder-color-green-fill: #c3e5cf;
  --folder-color-blue-accent: #0067c0;
  --folder-color-blue-fill: #c5dff2;
  --folder-color-purple-accent: #6b3fbf;
  --folder-color-purple-fill: #ded1f2;
  --folder-color-grey-accent: #6e6e6e;
  --folder-color-grey-fill: #dcdcdc;
  --view-bar-background: var(--surface-window);
  --view-bar-text: var(--text-muted);
  --view-bar-button-hover-background: var(--surface-hover);
  --view-bar-button-active-background: var(--surface-selected);
  --drive-capacity-bar-color: var(--accent);
  --drive-capacity-track-color: var(--border-default);
  --drive-capacity-warning-color: var(--warning);
  --drive-capacity-critical-color: var(--danger);
  --disk-usage-chart-color-1: #0067c0;
  --disk-usage-chart-color-2: #0e7c8a;
  --disk-usage-chart-color-3: #177d3f;
  --disk-usage-chart-color-4: #a8620a;
  --disk-usage-chart-color-5: #5a52c9;
  --disk-usage-chart-color-6: #c2387f;
  --disk-usage-chart-other-color: var(--text-faint);
  --folder-tree-indent-guide-color: var(--border-default);
  --folder-tree-chevron-color: var(--text-faint);
  --path-bar-background: var(--surface-window);
  --path-bar-border: var(--border-default);
  --path-bar-text: var(--text-muted);
  --path-bar-current-text: var(--text-primary);
  --path-bar-segment-hover-background: var(--surface-hover);
  --tab-strip-background: var(--window-bar-background);
  --tab-active-background: var(--surface-content);
  --tab-active-text: var(--text-primary);
  --tab-inactive-text: var(--text-muted);
  --tab-hover-background: var(--surface-hover);
  --menu-background: var(--surface-raised);
  --menu-border: var(--border-default);
  --menu-shadow: var(--shadow-md);
  --menu-text: var(--text-primary);
  --menu-item-hover-background: var(--surface-hover);
  --menu-item-hover-text: var(--text-primary);
  --menu-separator-color: var(--border-default);
  --menu-shortcut-text: var(--text-faint);
  --context-menu-accent-cut: #1667c2;
  --context-menu-accent-copy: #1667c2;
  --context-menu-accent-copy-path: #0e7c8a;
  --context-menu-accent-paste: #177d3f;
  --context-menu-accent-rename: #a8620a;
  --context-menu-accent-properties: #5a52c9;
  --context-menu-accent-share: #7b46c4;
  --dialog-background: var(--surface-raised);
  --dialog-text: var(--text-primary);
  --dialog-border: var(--border-default);
  --dialog-shadow: var(--shadow-lg);
  --dialog-backdrop: var(--surface-scrim);
  --button-primary-background: var(--accent);
  --button-primary-text: var(--text-on-accent);
  --button-primary-hover-background: var(--accent-hover);
  --button-secondary-background: transparent;
  --button-secondary-text: var(--text-primary);
  --button-secondary-border: var(--border-strong);
  --button-secondary-hover-background: var(--surface-hover);
  --button-danger-background: var(--danger);
  --button-danger-text: var(--text-on-accent);
  --button-danger-hover-background: var(--danger-hover);
  --input-background: var(--surface-raised);
  --input-text: var(--text-primary);
  --input-border: var(--border-strong);
  --input-focus-border: var(--accent);
  --input-placeholder-text: var(--text-faint);
  --statusbar-background: var(--surface-window);
  --statusbar-text: var(--text-muted);
  --search-match-highlight-background: color-mix(in srgb, var(--accent) 25%, transparent);
  --search-match-highlight-text: var(--text-primary);
  --tag-background: var(--accent-soft);
  --tag-text: var(--text-primary);
  --tag-border: transparent;
  --tag-color-red: #d13438;
  --tag-color-orange: #ca5010;
  --tag-color-yellow: #c19c00;
  --tag-color-green: #107c41;
  --tag-color-blue: #0067c0;
  --tag-color-teal: #0e7c8a;
  --tag-color-purple: #6b3fbf;
  --tag-color-pink: #c2387f;
  --tag-color-gray: #6e6e6e;
  --progress-bar-color: var(--accent);
  --progress-track-color: var(--border-default);
  --drop-target-outline-color: var(--accent);
  --drop-target-background: var(--accent-soft);
  --drag-ghost-background: var(--surface-raised);
  --selection-rectangle-border-color: var(--accent);
  --selection-rectangle-background: var(--accent-soft);
  --scrollbar-thumb-color: color-mix(in srgb, var(--text-primary) 30%, transparent);
  --scrollbar-track-color: transparent;
  --tooltip-background: var(--surface-raised);
  --tooltip-text: var(--text-primary);
  --tooltip-border: var(--border-default);
  --tooltip-shadow: var(--shadow-sm);
  --notification-background: var(--surface-raised);
  --notification-text: var(--text-primary);
  --notification-border: var(--border-default);
  --notification-shadow: var(--shadow-md);
  --empty-state-text: var(--text-faint);
  --empty-state-border-color: var(--border-default);
  --preview-background: var(--surface-content);
  --code-viewer-background: var(--surface-content);
  --code-viewer-gutter-background: var(--surface-window);
  --code-viewer-gutter-text: var(--text-faint);
  --code-viewer-gutter-current-text: var(--text-primary);
  --code-viewer-current-line-background: var(--accent-soft);
  --theme-gallery-swatch-border: var(--border-default);
  --font-ui: "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
  --font-display: var(--font-ui);
  --letter-spacing-display: normal;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --surface-window: #202020;
  --surface-content: #272727;
  --surface-translucent: color-mix(in srgb, #2b2b2b 76%, transparent);
  --surface-raised: #2b2b2b;
  --surface-sunken: #1a1a1a;
  --surface-overlay: color-mix(in srgb, #000000 40%, transparent);
  --surface-scrim: color-mix(in srgb, #000000 55%, transparent);
  --surface-hover: color-mix(in srgb, #4cc2ff 12%, transparent);
  --surface-selected: color-mix(in srgb, #4cc2ff 20%, transparent);
  --sidebar-background: #1d1d1d;
  --text-primary: #f0f0f0;
  --text-muted: #b0b0b0;
  --text-faint: #8a8a8a;
  --text-disabled: color-mix(in srgb, #f0f0f0 40%, transparent);
  --text-on-accent: #003a5c;
  --text-link: #4cc2ff;
  --accent: #4cc2ff;
  --accent-hover: #6fd0ff;
  --accent-pressed: #8ddaff;
  --accent-soft: color-mix(in srgb, #4cc2ff 18%, transparent);
  --accent-secondary: #4cc2ff;
  --danger: #f2635a;
  --danger-hover: #f6837c;
  --danger-soft: #2a1513;
  --success: #4ac26b;
  --success-soft: #12271a;
  --warning: #e3b341;
  --warning-soft: #2b2413;
  --info: #6cb6ff;
  --info-soft: #16324d;
  --border-default: color-mix(in srgb, #ffffff 10%, transparent);
  --border-strong: color-mix(in srgb, #ffffff 18%, transparent);
  --border-subtle: color-mix(in srgb, #ffffff 6%, transparent);
  --focus-ring: #4cc2ff;
  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 40%, transparent);
  --shadow-md: 0 16px 40px color-mix(in srgb, #000000 55%, transparent);
  --shadow-lg: 0 24px 56px color-mix(in srgb, #000000 65%, transparent);
  --folder-glyph-color: #dcb67a;
  --listing-background-wash: none;
  --folder-color-red-accent: #f1707a;
  --folder-color-red-fill: #4a1f1c;
  --folder-color-orange-accent: #f0913d;
  --folder-color-orange-fill: #4a2f14;
  --folder-color-yellow-accent: #e3b341;
  --folder-color-yellow-fill: #453a12;
  --folder-color-green-accent: #4ac26b;
  --folder-color-green-fill: #143d24;
  --folder-color-blue-accent: #4cc2ff;
  --folder-color-blue-fill: #123a52;
  --folder-color-purple-accent: #b494f5;
  --folder-color-purple-fill: #32275c;
  --folder-color-grey-accent: #b0b0b0;
  --folder-color-grey-fill: #3a3a3a;
  --context-menu-accent-cut: #6aa9f0;
  --context-menu-accent-copy: #6aa9f0;
  --context-menu-accent-copy-path: #45c7d0;
  --context-menu-accent-paste: #57c97a;
  --context-menu-accent-rename: #edb252;
  --context-menu-accent-properties: #9a8dff;
  --context-menu-accent-share: #b795f5;
  --code-syntax-keyword: #ff7b72;
  --code-syntax-string: #a5d6ff;
  --code-syntax-comment: #8b949e;
  --code-syntax-number: #79c0ff;
  --code-syntax-identifier: #c9d1d9;
  --code-syntax-punctuation: #c9d1d9;
  --code-syntax-text: #c9d1d9;
  --code-syntax-type: #4ec9b0;
  --code-syntax-function: #dcdcaa;
  --preview-highlight-comment: #6a9955;
  --preview-highlight-string: #ce9178;
  --preview-highlight-keyword: #569cd6;
  --preview-highlight-type: #4ec9b0;
  --preview-highlight-number: #b5cea8;
  --preview-highlight-function: #dcdcaa;
  --preview-highlight-tag: #569cd6;
  --preview-highlight-attribute: #9cdcfe;
  --preview-highlight-key: #9cdcfe;
  --preview-highlight-property: #9cdcfe;
  --preview-highlight-selector: #d7ba7d;
  --preview-highlight-heading: #569cd6;
  --preview-highlight-punctuation: var(--text-muted);
  --preview-highlight-log-time: #9cdcfe;
  --preview-highlight-log-error: #f14c4c;
  --preview-highlight-log-warning: #cca700;
  --preview-highlight-log-info: #3794ff;
  --preview-highlight-log-debug: #808080;
  --tag-color-red: #f2707f;
  --tag-color-orange: #f0913d;
  --tag-color-yellow: #e3b341;
  --tag-color-green: #4ac26b;
  --tag-color-blue: #4cc2ff;
  --tag-color-teal: #45c7d0;
  --tag-color-purple: #b494f5;
  --tag-color-pink: #f27ba4;
  --tag-color-gray: #b0b0b0;
}

/* Windows — Windows 11 File Explorer — Fluent, mica, blue accent. */
[data-theme-preview="win11"][data-scheme="light"] {
  --font-ui: "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
  --font-display: "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
  --font-mono: ui-monospace, "Cascadia Code", "Consolas", monospace;
  --letter-spacing-display: normal;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --border-width: 1px;
  --surface-window: #f3f3f3;
  --surface-content: #fbfbfb;
  --surface-raised: #ffffff;
  --surface-sunken: #ececec;
  --surface-translucent: color-mix(in srgb, #ffffff 65%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 5%, transparent);
  --surface-scrim: color-mix(in srgb, #000000 32%, transparent);
  --surface-hover: color-mix(in srgb, #0067c0 10%, transparent);
  --surface-selected: color-mix(in srgb, #0067c0 16%, transparent);
  --text-primary: #1a1a1a;
  --text-muted: #5c5c5c;
  --text-faint: #8a8a8a;
  --text-disabled: color-mix(in srgb, #1a1a1a 40%, transparent);
  --text-on-accent: #ffffff;
  --text-link: #0067c0;
  --accent: #0067c0;
  --accent-hover: #005ba1;
  --accent-pressed: #00528f;
  --accent-soft: color-mix(in srgb, #0067c0 12%, transparent);
  --accent-secondary: #0067c0;
  --danger: #b42318;
  --danger-hover: #9a1e14;
  --danger-soft: #fbeae8;
  --success: #1a7f37;
  --success-soft: #e6f4ea;
  --warning: #d18b00;
  --warning-soft: #fdf3e1;
  --info: #0958a8;
  --info-soft: #e7f1fb;
  --border-default: color-mix(in srgb, #000000 8%, transparent);
  --border-strong: color-mix(in srgb, #000000 15%, transparent);
  --border-subtle: color-mix(in srgb, #000000 5%, transparent);
  --focus-ring: #0067c0;
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;
  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 8%, transparent);
  --shadow-md: 0 8px 24px color-mix(in srgb, #000000 14%, transparent);
  --shadow-lg: 0 16px 40px color-mix(in srgb, #000000 18%, transparent);
  --surface-blur: 0px;
  --surface-texture: none;
  --duration-instant: 0ms;
  --duration-fast: 120ms;
  --duration-medium: 220ms;
  --duration-slow: 400ms;
  --duration-extra-slow: 1500ms;
  --duration-spinner: 800ms;
  --motion-easing: cubic-bezier(0.2, 0, 0, 1);
  --folder-glyph-color: #e8b923;
  --folder-color-red-accent: #c42b1c;
  --folder-color-red-fill: #f5c9c4;
  --folder-color-orange-accent: #ca5010;
  --folder-color-orange-fill: #f5d3bd;
  --folder-color-yellow-accent: #c19c00;
  --folder-color-yellow-fill: #f0e6b3;
  --folder-color-green-accent: #107c41;
  --folder-color-green-fill: #c3e5cf;
  --folder-color-blue-accent: #0067c0;
  --folder-color-blue-fill: #c5dff2;
  --folder-color-purple-accent: #6b3fbf;
  --folder-color-purple-fill: #ded1f2;
  --folder-color-grey-accent: #6e6e6e;
  --folder-color-grey-fill: #dcdcdc;
  --sidebar-background: color-mix(in srgb, #eef1f5 82%, #ffffff);
  --listing-background-wash: none;
  --context-menu-accent-cut: #1667c2;
  --context-menu-accent-copy: #1667c2;
  --context-menu-accent-copy-path: #0e7c8a;
  --context-menu-accent-paste: #177d3f;
  --context-menu-accent-rename: #a8620a;
  --context-menu-accent-properties: #5a52c9;
  --context-menu-accent-share: #7b46c4;
  --tag-color-red: #d13438;
  --tag-color-orange: #ca5010;
  --tag-color-yellow: #c19c00;
  --tag-color-green: #107c41;
  --tag-color-blue: #0067c0;
  --tag-color-teal: #0e7c8a;
  --tag-color-purple: #6b3fbf;
  --tag-color-pink: #c2387f;
  --tag-color-gray: #6e6e6e;
  --disk-usage-chart-color-1: #0067c0;
  --disk-usage-chart-color-2: #0e7c8a;
  --disk-usage-chart-color-3: #177d3f;
  --disk-usage-chart-color-4: #a8620a;
  --disk-usage-chart-color-5: #5a52c9;
  --disk-usage-chart-color-6: #c2387f;
  --code-syntax-keyword: #d73a49;
  --code-syntax-string: #032f62;
  --code-syntax-comment: #6a737d;
  --code-syntax-number: #005cc5;
  --code-syntax-identifier: #24292e;
  --code-syntax-punctuation: #24292e;
  --code-syntax-text: #24292e;
  --code-syntax-type: #267f99;
  --code-syntax-function: #795e26;
  --preview-highlight-comment: #008000;
  --preview-highlight-string: #a31515;
  --preview-highlight-keyword: #0000ff;
  --preview-highlight-type: #267f99;
  --preview-highlight-number: #098658;
  --preview-highlight-function: #795e26;
  --preview-highlight-tag: #800000;
  --preview-highlight-attribute: #e50000;
  --preview-highlight-key: #0451a5;
  --preview-highlight-property: #0451a5;
  --preview-highlight-selector: #800000;
  --preview-highlight-heading: #0000ff;
  --preview-highlight-punctuation: #5c5c5c;
  --preview-highlight-log-time: #0451a5;
  --preview-highlight-log-error: #c00000;
  --preview-highlight-log-warning: #b45309;
  --preview-highlight-log-info: #0e7490;
  --preview-highlight-log-debug: #6b7280;
}
[data-theme-preview="win11"][data-scheme="dark"] {
  --font-ui: "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
  --font-display: "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
  --font-mono: ui-monospace, "Cascadia Code", "Consolas", monospace;
  --letter-spacing-display: normal;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --border-width: 1px;
  --surface-window: #202020;
  --surface-content: #272727;
  --surface-raised: #2b2b2b;
  --surface-sunken: #1a1a1a;
  --surface-translucent: color-mix(in srgb, #2b2b2b 76%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 40%, transparent);
  --surface-scrim: color-mix(in srgb, #000000 55%, transparent);
  --surface-hover: color-mix(in srgb, #4cc2ff 12%, transparent);
  --surface-selected: color-mix(in srgb, #4cc2ff 20%, transparent);
  --text-primary: #f0f0f0;
  --text-muted: #b0b0b0;
  --text-faint: #8a8a8a;
  --text-disabled: color-mix(in srgb, #f0f0f0 40%, transparent);
  --text-on-accent: #003a5c;
  --text-link: #4cc2ff;
  --accent: #4cc2ff;
  --accent-hover: #6fd0ff;
  --accent-pressed: #8ddaff;
  --accent-soft: color-mix(in srgb, #4cc2ff 18%, transparent);
  --accent-secondary: #4cc2ff;
  --danger: #f2635a;
  --danger-hover: #f6837c;
  --danger-soft: #2a1513;
  --success: #4ac26b;
  --success-soft: #12271a;
  --warning: #e3b341;
  --warning-soft: #2b2413;
  --info: #6cb6ff;
  --info-soft: #16324d;
  --border-default: color-mix(in srgb, #ffffff 10%, transparent);
  --border-strong: color-mix(in srgb, #ffffff 18%, transparent);
  --border-subtle: color-mix(in srgb, #ffffff 6%, transparent);
  --focus-ring: #4cc2ff;
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;
  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 40%, transparent);
  --shadow-md: 0 16px 40px color-mix(in srgb, #000000 55%, transparent);
  --shadow-lg: 0 24px 56px color-mix(in srgb, #000000 65%, transparent);
  --surface-blur: 0px;
  --surface-texture: none;
  --duration-instant: 0ms;
  --duration-fast: 120ms;
  --duration-medium: 220ms;
  --duration-slow: 400ms;
  --duration-extra-slow: 1500ms;
  --duration-spinner: 800ms;
  --motion-easing: cubic-bezier(0.2, 0, 0, 1);
  --folder-glyph-color: #dcb67a;
  --folder-color-red-accent: #f1707a;
  --folder-color-red-fill: #4a1f1c;
  --folder-color-orange-accent: #f0913d;
  --folder-color-orange-fill: #4a2f14;
  --folder-color-yellow-accent: #e3b341;
  --folder-color-yellow-fill: #453a12;
  --folder-color-green-accent: #4ac26b;
  --folder-color-green-fill: #143d24;
  --folder-color-blue-accent: #4cc2ff;
  --folder-color-blue-fill: #123a52;
  --folder-color-purple-accent: #b494f5;
  --folder-color-purple-fill: #32275c;
  --folder-color-grey-accent: #b0b0b0;
  --folder-color-grey-fill: #3a3a3a;
  --sidebar-background: #1d1d1d;
  --listing-background-wash: none;
  --context-menu-accent-cut: #6aa9f0;
  --context-menu-accent-copy: #6aa9f0;
  --context-menu-accent-copy-path: #45c7d0;
  --context-menu-accent-paste: #57c97a;
  --context-menu-accent-rename: #edb252;
  --context-menu-accent-properties: #9a8dff;
  --context-menu-accent-share: #b795f5;
  --tag-color-red: #f2707f;
  --tag-color-orange: #f0913d;
  --tag-color-yellow: #e3b341;
  --tag-color-green: #4ac26b;
  --tag-color-blue: #4cc2ff;
  --tag-color-teal: #45c7d0;
  --tag-color-purple: #b494f5;
  --tag-color-pink: #f27ba4;
  --tag-color-gray: #b0b0b0;
  --disk-usage-chart-color-1: #4cc2ff;
  --disk-usage-chart-color-2: #45c7d0;
  --disk-usage-chart-color-3: #57c97a;
  --disk-usage-chart-color-4: #edb252;
  --disk-usage-chart-color-5: #9a8dff;
  --disk-usage-chart-color-6: #f27ba4;
  --code-syntax-keyword: #ff7b72;
  --code-syntax-string: #a5d6ff;
  --code-syntax-comment: #8b949e;
  --code-syntax-number: #79c0ff;
  --code-syntax-identifier: #c9d1d9;
  --code-syntax-punctuation: #c9d1d9;
  --code-syntax-text: #c9d1d9;
  --code-syntax-type: #4ec9b0;
  --code-syntax-function: #dcdcaa;
  --preview-highlight-comment: #6a9955;
  --preview-highlight-string: #ce9178;
  --preview-highlight-keyword: #569cd6;
  --preview-highlight-type: #4ec9b0;
  --preview-highlight-number: #b5cea8;
  --preview-highlight-function: #dcdcaa;
  --preview-highlight-tag: #569cd6;
  --preview-highlight-attribute: #9cdcfe;
  --preview-highlight-key: #9cdcfe;
  --preview-highlight-property: #9cdcfe;
  --preview-highlight-selector: #d7ba7d;
  --preview-highlight-heading: #569cd6;
  --preview-highlight-punctuation: #b0b0b0;
  --preview-highlight-log-time: #9cdcfe;
  --preview-highlight-log-error: #f14c4c;
  --preview-highlight-log-warning: #cca700;
  --preview-highlight-log-info: #3794ff;
  --preview-highlight-log-debug: #808080;
}

/* macOS — The macOS look — frosted sidebar, Apple blue, continuous corners. */
[data-theme-preview="finder"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.2 5.2a2 2 0 0 1 2-2h1.9l1.4 1.6h4.3a2 2 0 0 1 2 2v4.4a2 2 0 0 1-2 2H4.2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
  --font-ui: -apple-system, "SF Pro Text", "Helvetica Neue", "Inter", system-ui, sans-serif;
  --font-display: -apple-system, "SF Pro Display", "Inter", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", monospace;
  --letter-spacing-display: -0.01em;
  --radius-sm: 5px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --surface-window: #ececec;
  --surface-content: #ffffff;
  --surface-raised: #ffffff;
  --surface-translucent: color-mix(in srgb, #f6f6f6 60%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 8%, transparent);
  --surface-hover: color-mix(in srgb, #0a6de3 9%, transparent);
  --surface-selected: color-mix(in srgb, #0a6de3 15%, transparent);
  --surface-blur: 24px;
  --text-primary: #000000;
  --text-muted: #4b4b4d;
  --text-faint: #86868b;
  --text-on-accent: #ffffff;
  --text-link: #0a6de3;
  --accent: #0a6de3;
  --accent-hover: #085cc2;
  --accent-pressed: #0750a8;
  --accent-soft: color-mix(in srgb, #0a6de3 14%, transparent);
  --accent-secondary: #0a6de3;
  --focus-ring: #0a6de3;
  --danger: #c93400;
  --danger-hover: #a82b00;
  --danger-soft: #fceae4;
  --success: #1d7d3f;
  --success-soft: #e5f3e9;
  --warning: #b25000;
  --warning-soft: #fdf0e2;
  --info: #0a6de3;
  --info-soft: #e7f0fc;
  --border-default: color-mix(in srgb, #000000 8%, transparent);
  --border-strong: color-mix(in srgb, #000000 13%, transparent);
  --border-subtle: color-mix(in srgb, #000000 4%, transparent);
  --shadow-sm: 0 0.5px 1px color-mix(in srgb, #000000 10%, transparent);
  --shadow-md: 0 10px 30px color-mix(in srgb, #000000 16%, transparent);
  --shadow-lg: 0 22px 60px color-mix(in srgb, #000000 22%, transparent);
  --sidebar-background: color-mix(in srgb, #e6e8ea 72%, transparent);
  --sidebar-icon-color: #0a6de3;
  --folder-glyph-color: #3b9eff;
  --listing-background-wash: none;
  --listing-row-selected-background: #0a6de3;
  --listing-row-selected-text: #ffffff;
  --menu-background: color-mix(in srgb, #f6f6f6 82%, transparent);
  --menu-shadow: 0 10px 34px color-mix(in srgb, #000000 22%, transparent);
  --context-menu-accent-cut: #0a6fe0;
  --context-menu-accent-copy: #0a6fe0;
}
[data-theme-preview="finder"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.2 5.2a2 2 0 0 1 2-2h1.9l1.4 1.6h4.3a2 2 0 0 1 2 2v4.4a2 2 0 0 1-2 2H4.2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
  --font-ui: -apple-system, "SF Pro Text", "Helvetica Neue", "Inter", system-ui, sans-serif;
  --font-display: -apple-system, "SF Pro Display", "Inter", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", monospace;
  --letter-spacing-display: -0.01em;
  --radius-sm: 5px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --surface-window: #1e1e1e;
  --surface-content: #232323;
  --surface-raised: #323234;
  --surface-translucent: color-mix(in srgb, #2a2a2c 74%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 45%, transparent);
  --surface-hover: color-mix(in srgb, #3e8ef5 12%, transparent);
  --surface-selected: color-mix(in srgb, #3e8ef5 22%, transparent);
  --surface-blur: 24px;
  --text-primary: #f5f5f7;
  --text-muted: #a1a1a6;
  --text-faint: #6e6e73;
  --text-on-accent: #ffffff;
  --text-link: #6db2ff;
  --accent: #0a70e8;
  --accent-hover: #3e8ef5;
  --accent-pressed: #5da0f7;
  --accent-soft: color-mix(in srgb, #0a70e8 22%, transparent);
  --accent-secondary: #0a70e8;
  --focus-ring: #3e8ef5;
  --danger: #ff6b5e;
  --danger-hover: #ff8a80;
  --danger-soft: #2f1613;
  --success: #4ac26b;
  --success-soft: #10261a;
  --warning: #e8a13d;
  --warning-soft: #2b2110;
  --info: #6db2ff;
  --info-soft: #14304f;
  --border-default: color-mix(in srgb, #ffffff 9%, transparent);
  --border-strong: color-mix(in srgb, #ffffff 16%, transparent);
  --border-subtle: color-mix(in srgb, #ffffff 5%, transparent);
  --shadow-sm: 0 0.5px 1px color-mix(in srgb, #000000 45%, transparent);
  --shadow-md: 0 10px 30px color-mix(in srgb, #000000 55%, transparent);
  --shadow-lg: 0 22px 60px color-mix(in srgb, #000000 65%, transparent);
  --sidebar-background: color-mix(in srgb, #262628 76%, transparent);
  --sidebar-icon-color: #6db2ff;
  --folder-glyph-color: #6db2ff;
  --listing-background-wash: none;
  --listing-row-selected-background: #0a70e8;
  --listing-row-selected-text: #ffffff;
  --menu-background: color-mix(in srgb, #2c2c2e 82%, transparent);
  --menu-shadow: 0 10px 34px color-mix(in srgb, #000000 60%, transparent);
  --context-menu-accent-cut: #6db2ff;
  --context-menu-accent-copy: #6db2ff;
}

/* Ubuntu — The GNOME Files / Yaru look — flat headerbar, Yaru orange, pill controls. */
[data-theme-preview="ubuntu"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.2 5.2a2 2 0 0 1 2-2h1.9l1.4 1.6h4.3a2 2 0 0 1 2 2v4.4a2 2 0 0 1-2 2H4.2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
  --font-ui: "Ubuntu", "Noto Sans", "Liberation Sans", system-ui, sans-serif;
  --font-display: "Ubuntu", "Noto Sans", system-ui, sans-serif;
  --font-mono: "Ubuntu Mono", "JetBrains Mono", ui-monospace, monospace;
  --letter-spacing-display: normal;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --surface-window: #f6f5f4;
  --surface-content: #ffffff;
  --surface-raised: #ffffff;
  --surface-translucent: color-mix(in srgb, #f6f5f4 88%, transparent);
  --surface-overlay: color-mix(in srgb, #241f31 22%, transparent);
  --surface-hover: color-mix(in srgb, #241f31 7%, transparent);
  --surface-selected: color-mix(in srgb, #a83e14 14%, transparent);
  --text-primary: #241f31;
  --text-muted: #57534e;
  --text-faint: #8b8680;
  --text-on-accent: #ffffff;
  --text-link: #a83e14;
  --accent: #a83e14;
  --accent-hover: #8f3411;
  --accent-pressed: #7a2c0e;
  --accent-soft: color-mix(in srgb, #a83e14 12%, transparent);
  --accent-secondary: #77216f;
  --focus-ring: #a83e14;
  --danger: #c01c28;
  --danger-hover: #a51d2d;
  --danger-soft: #fbe5e7;
  --success: #26a269;
  --success-soft: #e4f4ec;
  --warning: #ae7500;
  --warning-soft: #fdf2da;
  --info: #1c71d8;
  --info-soft: #e6effa;
  --border-default: color-mix(in srgb, #241f31 10%, transparent);
  --border-strong: color-mix(in srgb, #241f31 18%, transparent);
  --border-subtle: color-mix(in srgb, #241f31 6%, transparent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, #241f31 10%, transparent);
  --shadow-md: 0 4px 14px color-mix(in srgb, #241f31 16%, transparent);
  --shadow-lg: 0 12px 32px color-mix(in srgb, #241f31 24%, transparent);
  --duration-fast: 100ms;
  --duration-medium: 180ms;
  --sidebar-background: #fafafa;
  --sidebar-icon-color: #57534e;
  --sidebar-item-selected-background: color-mix(in srgb, #a83e14 14%, transparent);
  --listing-background-wash: none;
  --listing-row-hover-background: color-mix(in srgb, #241f31 6%, transparent);
  --listing-row-selected-background: color-mix(in srgb, #a83e14 16%, transparent);
  --folder-glyph-color: #e6a536;
  --topbar-background: #f6f5f4;
  --statusbar-background: #f6f5f4;
  --context-menu-accent-cut: #1c71d8;
  --context-menu-accent-copy: #1c71d8;
  --context-menu-accent-paste: #26a269;
  --context-menu-accent-rename: #ae7500;
  --context-menu-accent-properties: #77216f;
}
[data-theme-preview="ubuntu"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.2 5.2a2 2 0 0 1 2-2h1.9l1.4 1.6h4.3a2 2 0 0 1 2 2v4.4a2 2 0 0 1-2 2H4.2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
  --font-ui: "Ubuntu", "Noto Sans", "Liberation Sans", system-ui, sans-serif;
  --font-display: "Ubuntu", "Noto Sans", system-ui, sans-serif;
  --font-mono: "Ubuntu Mono", "JetBrains Mono", ui-monospace, monospace;
  --letter-spacing-display: normal;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --surface-window: #242424;
  --surface-content: #1e1e1e;
  --surface-raised: #303030;
  --surface-translucent: color-mix(in srgb, #242424 90%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 45%, transparent);
  --surface-hover: color-mix(in srgb, #ffffff 7%, transparent);
  --surface-selected: color-mix(in srgb, #f47950 20%, transparent);
  --text-primary: #f5f3f1;
  --text-muted: #b5aea6;
  --text-faint: #837d76;
  --text-on-accent: #3a1000;
  --text-link: #f47950;
  --accent: #f47950;
  --accent-hover: #f68f6c;
  --accent-pressed: #f8a687;
  --accent-soft: color-mix(in srgb, #f47950 18%, transparent);
  --accent-secondary: #c77dbb;
  --focus-ring: #f47950;
  --danger: #f66151;
  --danger-hover: #f8816f;
  --danger-soft: #2e1512;
  --success: #57e389;
  --success-soft: #12281a;
  --warning: #f8c15c;
  --warning-soft: #2b2211;
  --info: #62a0ea;
  --info-soft: #142639;
  --border-default: color-mix(in srgb, #ffffff 9%, transparent);
  --border-strong: color-mix(in srgb, #ffffff 16%, transparent);
  --border-subtle: color-mix(in srgb, #ffffff 5%, transparent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 40%, transparent);
  --shadow-md: 0 4px 14px color-mix(in srgb, #000000 50%, transparent);
  --shadow-lg: 0 12px 32px color-mix(in srgb, #000000 60%, transparent);
  --duration-fast: 100ms;
  --duration-medium: 180ms;
  --sidebar-background: #262626;
  --sidebar-icon-color: #b5aea6;
  --sidebar-item-selected-background: color-mix(in srgb, #f47950 20%, transparent);
  --listing-background-wash: none;
  --listing-row-hover-background: color-mix(in srgb, #ffffff 6%, transparent);
  --listing-row-selected-background: color-mix(in srgb, #f47950 22%, transparent);
  --folder-glyph-color: #e6a536;
  --topbar-background: #242424;
  --statusbar-background: #242424;
  --context-menu-accent-cut: #62a0ea;
  --context-menu-accent-copy: #62a0ea;
  --context-menu-accent-paste: #57e389;
  --context-menu-accent-rename: #f8c15c;
  --context-menu-accent-properties: #c77dbb;
}

/* VS Code — The editor look — graphite, activity-bar blue, IDE density */
[data-theme-preview="vscode"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 3.5h4l1.4 1.6h7.6v7.4a0.7 0.7 0 0 1-0.7 0.7h-11.6a0.7 0.7 0 0 1-0.7-0.7z'/%3E%3C/svg%3E");
  --font-ui: "Segoe UI", system-ui, sans-serif;
  --font-display: "Segoe UI", system-ui, sans-serif;
  --font-mono: "Cascadia Code", "Cascadia Mono", "Consolas", ui-monospace, monospace;
  --letter-spacing-display: normal;
  --radius-sm: 3px;
  --radius-md: 5px;
  --radius-lg: 7px;
  --radius-pill: 999px;
  --space-sm: 0.6rem;
  --space-md: 0.85rem;
  --space-lg: 1.25rem;
  --surface-window: #f3f3f3;
  --surface-content: #ffffff;
  --surface-raised: #ffffff;
  --surface-sunken: #ececec;
  --surface-translucent: color-mix(in srgb, #f3f3f3 88%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 6%, transparent);
  --surface-scrim: color-mix(in srgb, #000000 30%, transparent);
  --surface-hover: color-mix(in srgb, #005fb8 10%, transparent);
  --surface-selected: color-mix(in srgb, #005fb8 18%, transparent);
  --surface-blur: 0px;
  --text-primary: #1f1f1f;
  --text-muted: #616161;
  --text-faint: #8a8a8a;
  --text-disabled: color-mix(in srgb, #1f1f1f 40%, transparent);
  --text-on-accent: #ffffff;
  --text-link: #005fb8;
  --accent: #005fb8;
  --accent-hover: #0450a0;
  --accent-pressed: #04438a;
  --accent-soft: color-mix(in srgb, #005fb8 12%, transparent);
  --accent-secondary: #007acc;
  --focus-ring: #005fb8;
  --danger: #d32f2f;
  --danger-hover: #b52626;
  --danger-soft: #fbe3e3;
  --success: #217a21;
  --success-soft: #e2f2e2;
  --warning: #8a6d00;
  --warning-soft: #f6efd6;
  --info: #005fb8;
  --info-soft: #e4eef8;
  --border-default: color-mix(in srgb, #000000 12%, transparent);
  --border-strong: color-mix(in srgb, #000000 20%, transparent);
  --border-subtle: color-mix(in srgb, #000000 6%, transparent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 12%, transparent);
  --shadow-md: 0 4px 12px color-mix(in srgb, #000000 16%, transparent);
  --shadow-lg: 0 12px 32px color-mix(in srgb, #000000 22%, transparent);
  --sidebar-background: #f3f3f3;
  --sidebar-icon-color: #424242;
  --folder-glyph-color: #005fb8;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #005fb8 18%, transparent);
  --listing-row-selected-text: #1f1f1f;
  --menu-background: #ffffff;
  --menu-shadow: 0 6px 20px color-mix(in srgb, #000000 18%, transparent);
  --context-menu-accent-cut: #005fb8;
  --context-menu-accent-copy: #005fb8;
  --context-menu-accent-paste: #217a21;
  --context-menu-accent-rename: #8a6d00;
  --context-menu-accent-properties: #6b3fbf;
}
[data-theme-preview="vscode"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 3.5h4l1.4 1.6h7.6v7.4a0.7 0.7 0 0 1-0.7 0.7h-11.6a0.7 0.7 0 0 1-0.7-0.7z'/%3E%3C/svg%3E");
  --font-ui: "Segoe UI", system-ui, sans-serif;
  --font-display: "Segoe UI", system-ui, sans-serif;
  --font-mono: "Cascadia Code", "Cascadia Mono", "Consolas", ui-monospace, monospace;
  --letter-spacing-display: normal;
  --radius-sm: 3px;
  --radius-md: 5px;
  --radius-lg: 7px;
  --radius-pill: 999px;
  --space-sm: 0.6rem;
  --space-md: 0.85rem;
  --space-lg: 1.25rem;
  --surface-window: #252526;
  --surface-content: #1e1e1e;
  --surface-raised: #2d2d30;
  --surface-sunken: #181818;
  --surface-translucent: color-mix(in srgb, #252526 88%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 45%, transparent);
  --surface-scrim: color-mix(in srgb, #000000 60%, transparent);
  --surface-hover: color-mix(in srgb, #0098ff 14%, transparent);
  --surface-selected: color-mix(in srgb, #0098ff 26%, transparent);
  --surface-blur: 0px;
  --text-primary: #d4d4d4;
  --text-muted: #a0a0a0;
  --text-faint: #808080;
  --text-disabled: color-mix(in srgb, #d4d4d4 40%, transparent);
  --text-on-accent: #04263f;
  --text-link: #4daafc;
  --accent: #0098ff;
  --accent-hover: #38adff;
  --accent-pressed: #5cbaff;
  --accent-soft: color-mix(in srgb, #0098ff 22%, transparent);
  --accent-secondary: #007acc;
  --focus-ring: #0098ff;
  --danger: #f14c4c;
  --danger-hover: #f56a6a;
  --danger-soft: color-mix(in srgb, #f14c4c 24%, transparent);
  --success: #4ec94e;
  --success-soft: color-mix(in srgb, #4ec94e 18%, transparent);
  --warning: #cca700;
  --warning-soft: color-mix(in srgb, #cca700 18%, transparent);
  --info: #0098ff;
  --info-soft: color-mix(in srgb, #0098ff 18%, transparent);
  --border-default: color-mix(in srgb, #ffffff 10%, transparent);
  --border-strong: color-mix(in srgb, #ffffff 18%, transparent);
  --border-subtle: color-mix(in srgb, #ffffff 6%, transparent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 45%, transparent);
  --shadow-md: 0 4px 12px color-mix(in srgb, #000000 55%, transparent);
  --shadow-lg: 0 12px 32px color-mix(in srgb, #000000 65%, transparent);
  --sidebar-background: #252526;
  --sidebar-icon-color: #c5c5c5;
  --folder-glyph-color: #4da3ff;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #0098ff 28%, transparent);
  --listing-row-selected-text: #ffffff;
  --menu-background: #252526;
  --menu-shadow: 0 6px 20px color-mix(in srgb, #000000 60%, transparent);
  --context-menu-accent-cut: #4daafc;
  --context-menu-accent-copy: #4daafc;
  --context-menu-accent-paste: #4ec94e;
  --context-menu-accent-rename: #d7ba7d;
  --context-menu-accent-properties: #b48ead;
}

/* Visual Studio — The heavyweight Microsoft IDE, squared and docked */
[data-theme-preview="visualstudio"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 3.75h4.2l1.3 1.5h7.5v7.4a0.7 0.7 0 0 1-0.7 0.7H2.2a0.7 0.7 0 0 1-0.7-0.7z'/%3E%3C/svg%3E");
  --font-ui: "Segoe UI", "Segoe UI Variable", system-ui, sans-serif;
  --font-display: "Segoe UI", "Segoe UI Variable", system-ui, sans-serif;
  --font-mono: "Cascadia Code", "Cascadia Mono", ui-monospace, "Consolas", monospace;
  --letter-spacing-display: normal;
  --radius-xs: 1px;
  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-lg: 4px;
  --radius-pill: 999px;
  --space-sm: 0.6rem;
  --space-md: 0.85rem;
  --space-lg: 1.3rem;
  --surface-window: #f5f5f5;
  --surface-content: #ffffff;
  --surface-raised: #ffffff;
  --surface-sunken: #eaeaea;
  --surface-translucent: color-mix(in srgb, #ffffff 82%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 6%, transparent);
  --surface-scrim: color-mix(in srgb, #000000 30%, transparent);
  --surface-hover: color-mix(in srgb, #005fb8 12%, transparent);
  --surface-selected: color-mix(in srgb, #005fb8 18%, transparent);
  --surface-blur: 0px;
  --text-primary: #1e1e1e;
  --text-muted: #5c5c5c;
  --text-faint: #8a8a8a;
  --text-disabled: color-mix(in srgb, #1e1e1e 38%, transparent);
  --text-on-accent: #ffffff;
  --text-link: #005fb8;
  --accent: #005fb8;
  --accent-hover: #00538f;
  --accent-pressed: #004578;
  --accent-soft: color-mix(in srgb, #005fb8 14%, transparent);
  --accent-secondary: #68217a;
  --focus-ring: #005fb8;
  --danger: #c50f1f;
  --danger-hover: #a80d1a;
  --danger-soft: #fbe4e5;
  --success: #1a7f37;
  --success-soft: #e6f4ea;
  --warning: #8a6410;
  --warning-soft: #f7edd6;
  --info: #005fb8;
  --info-soft: #e4f0fb;
  --border-default: color-mix(in srgb, #000000 12%, transparent);
  --border-strong: color-mix(in srgb, #000000 22%, transparent);
  --border-subtle: color-mix(in srgb, #000000 6%, transparent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 12%, transparent);
  --shadow-md: 0 6px 20px color-mix(in srgb, #000000 16%, transparent);
  --shadow-lg: 0 18px 44px color-mix(in srgb, #000000 20%, transparent);
  --sidebar-background: #f5f5f5;
  --sidebar-icon-color: #68217a;
  --folder-glyph-color: #b8860b;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #005fb8 18%, transparent);
  --listing-row-selected-text: #1e1e1e;
  --tab-active-background: #ffffff;
  --tab-active-text: #1e1e1e;
  --tab-inactive-text: #5c5c5c;
  --menu-background: #ffffff;
  --menu-shadow: 0 8px 26px color-mix(in srgb, #000000 18%, transparent);
  --context-menu-accent-cut: #005fb8;
  --context-menu-accent-copy: #005fb8;
  --context-menu-accent-copy-path: #0e7c8a;
  --context-menu-accent-paste: #177d3f;
  --context-menu-accent-rename: #8a6410;
  --context-menu-accent-properties: #68217a;
  --context-menu-accent-share: #68217a;
}
[data-theme-preview="visualstudio"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 3.75h4.2l1.3 1.5h7.5v7.4a0.7 0.7 0 0 1-0.7 0.7H2.2a0.7 0.7 0 0 1-0.7-0.7z'/%3E%3C/svg%3E");
  --font-ui: "Segoe UI", "Segoe UI Variable", system-ui, sans-serif;
  --font-display: "Segoe UI", "Segoe UI Variable", system-ui, sans-serif;
  --font-mono: "Cascadia Code", "Cascadia Mono", ui-monospace, "Consolas", monospace;
  --letter-spacing-display: normal;
  --radius-xs: 1px;
  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-lg: 4px;
  --radius-pill: 999px;
  --space-sm: 0.6rem;
  --space-md: 0.85rem;
  --space-lg: 1.3rem;
  --surface-window: #1e1e1e;
  --surface-content: #252526;
  --surface-raised: #2d2d30;
  --surface-sunken: #171717;
  --surface-translucent: color-mix(in srgb, #252526 88%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 40%, transparent);
  --surface-scrim: color-mix(in srgb, #000000 55%, transparent);
  --surface-hover: color-mix(in srgb, #0e70d1 18%, transparent);
  --surface-selected: color-mix(in srgb, #0e70d1 30%, transparent);
  --surface-blur: 0px;
  --text-primary: #f1f1f1;
  --text-muted: #9d9d9d;
  --text-faint: #6d6d6d;
  --text-disabled: color-mix(in srgb, #f1f1f1 38%, transparent);
  --text-on-accent: #ffffff;
  --text-link: #3794ff;
  --accent: #0e70d1;
  --accent-hover: #1a7ee0;
  --accent-pressed: #3794ff;
  --accent-soft: color-mix(in srgb, #0e70d1 22%, transparent);
  --accent-secondary: #9a5fb5;
  --focus-ring: #3794ff;
  --danger: #f2635a;
  --danger-hover: #f5837c;
  --danger-soft: color-mix(in srgb, #f2635a 22%, transparent);
  --success: #4ac26b;
  --success-soft: color-mix(in srgb, #4ac26b 18%, transparent);
  --warning: #e3b341;
  --warning-soft: color-mix(in srgb, #e3b341 18%, transparent);
  --info: #3794ff;
  --info-soft: color-mix(in srgb, #3794ff 18%, transparent);
  --border-default: color-mix(in srgb, #ffffff 11%, transparent);
  --border-strong: color-mix(in srgb, #ffffff 20%, transparent);
  --border-subtle: color-mix(in srgb, #ffffff 6%, transparent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 45%, transparent);
  --shadow-md: 0 6px 20px color-mix(in srgb, #000000 55%, transparent);
  --shadow-lg: 0 18px 44px color-mix(in srgb, #000000 65%, transparent);
  --sidebar-background: #252526;
  --sidebar-icon-color: #9a5fb5;
  --folder-glyph-color: #e0af68;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #0e70d1 32%, transparent);
  --listing-row-selected-text: #f1f1f1;
  --tab-active-background: #1e1e1e;
  --tab-active-text: #f1f1f1;
  --tab-inactive-text: #9d9d9d;
  --menu-background: #2d2d30;
  --menu-shadow: 0 8px 26px color-mix(in srgb, #000000 60%, transparent);
  --context-menu-accent-cut: #3794ff;
  --context-menu-accent-copy: #3794ff;
  --context-menu-accent-copy-path: #45c7d0;
  --context-menu-accent-paste: #4ac26b;
  --context-menu-accent-rename: #e3b341;
  --context-menu-accent-properties: #b98fd4;
  --context-menu-accent-share: #b98fd4;
}

/* Rider — JetBrains New UI — calm graphite lit by blue */
[data-theme-preview="rider"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 4.6h4.1l1.2 1.4h6.7a0.9 0.9 0 0 1 0.9 0.9v5.7a0.9 0.9 0 0 1-0.9 0.9H2a0.9 0.9 0 0 1-0.9-0.9V5.5A0.9 0.9 0 0 1 2 4.6z'/%3E%3C/svg%3E");
  --font-ui: "Inter", "Segoe UI", system-ui, sans-serif;
  --font-display: "Inter", "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "Cascadia Code", ui-monospace, monospace;
  --letter-spacing-display: -0.006em;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --space-sm: 0.8rem;
  --space-md: 1.1rem;
  --space-lg: 1.6rem;
  --surface-window: #f7f8fa;
  --surface-content: #ffffff;
  --surface-raised: #ffffff;
  --surface-sunken: #eceef2;
  --surface-translucent: color-mix(in srgb, #ffffff 72%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 6%, transparent);
  --surface-scrim: color-mix(in srgb, #1e1f22 30%, transparent);
  --surface-hover: color-mix(in srgb, #3574f0 12%, transparent);
  --surface-selected: color-mix(in srgb, #3574f0 20%, transparent);
  --surface-blur: 20px;
  --text-primary: #27282e;
  --text-muted: #6c707a;
  --text-faint: #9a9ea8;
  --text-disabled: color-mix(in srgb, #27282e 38%, transparent);
  --text-on-accent: #ffffff;
  --text-link: #3369e0;
  --accent: #3369e0;
  --accent-hover: #2b5cc9;
  --accent-pressed: #244fb0;
  --accent-soft: color-mix(in srgb, #3574f0 14%, transparent);
  --accent-secondary: #3574f0;
  --focus-ring: #3369e0;
  --danger: #cf3a44;
  --danger-hover: #b62f38;
  --danger-soft: #fbe5e6;
  --success: #2f7d36;
  --success-soft: #e2f2e3;
  --warning: #8a6410;
  --warning-soft: #f6ecd4;
  --info: #3369e0;
  --info-soft: #e6eefb;
  --border-default: color-mix(in srgb, #1e1f22 12%, transparent);
  --border-strong: color-mix(in srgb, #1e1f22 20%, transparent);
  --border-subtle: color-mix(in srgb, #1e1f22 6%, transparent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, #1e1f22 10%, transparent);
  --shadow-md: 0 8px 24px color-mix(in srgb, #1e1f22 14%, transparent);
  --shadow-lg: 0 20px 48px color-mix(in srgb, #1e1f22 20%, transparent);
  --sidebar-background: #f7f8fa;
  --sidebar-icon-color: #6c707a;
  --folder-glyph-color: #3574f0;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #3574f0 20%, transparent);
  --listing-row-selected-text: #27282e;
  --menu-background: color-mix(in srgb, #ffffff 96%, transparent);
  --menu-shadow: 0 12px 32px color-mix(in srgb, #1e1f22 16%, transparent);
  --context-menu-accent-cut: #3369e0;
  --context-menu-accent-copy: #3369e0;
  --context-menu-accent-paste: #2f7d36;
  --context-menu-accent-rename: #8a6410;
  --context-menu-accent-properties: #7448c4;
}
[data-theme-preview="rider"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 4.6h4.1l1.2 1.4h6.7a0.9 0.9 0 0 1 0.9 0.9v5.7a0.9 0.9 0 0 1-0.9 0.9H2a0.9 0.9 0 0 1-0.9-0.9V5.5A0.9 0.9 0 0 1 2 4.6z'/%3E%3C/svg%3E");
  --font-ui: "Inter", "Segoe UI", system-ui, sans-serif;
  --font-display: "Inter", "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "Cascadia Code", ui-monospace, monospace;
  --letter-spacing-display: -0.006em;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --space-sm: 0.8rem;
  --space-md: 1.1rem;
  --space-lg: 1.6rem;
  --surface-window: #1e1f22;
  --surface-content: #2b2d30;
  --surface-raised: #393b40;
  --surface-sunken: #191a1c;
  --surface-translucent: color-mix(in srgb, #2b2d30 68%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 40%, transparent);
  --surface-scrim: color-mix(in srgb, #000000 58%, transparent);
  --surface-hover: color-mix(in srgb, #3574f0 16%, transparent);
  --surface-selected: color-mix(in srgb, #3574f0 30%, transparent);
  --surface-blur: 20px;
  --text-primary: #dfe1e5;
  --text-muted: #a9adb8;
  --text-faint: #6f737a;
  --text-disabled: color-mix(in srgb, #dfe1e5 38%, transparent);
  --text-on-accent: #ffffff;
  --text-link: #6ea0ff;
  --accent: #3970e4;
  --accent-hover: #5083f0;
  --accent-pressed: #6493f5;
  --accent-soft: color-mix(in srgb, #3574f0 22%, transparent);
  --accent-secondary: #6ea0ff;
  --focus-ring: #6b9bf5;
  --danger: #f26d72;
  --danger-hover: #f58489;
  --danger-soft: color-mix(in srgb, #db5c5c 26%, transparent);
  --success: #5fb865;
  --success-soft: color-mix(in srgb, #5fb865 20%, transparent);
  --warning: #e3b341;
  --warning-soft: color-mix(in srgb, #e3b341 18%, transparent);
  --info: #6ea0ff;
  --info-soft: color-mix(in srgb, #6ea0ff 18%, transparent);
  --border-default: color-mix(in srgb, #ffffff 11%, transparent);
  --border-strong: color-mix(in srgb, #ffffff 19%, transparent);
  --border-subtle: color-mix(in srgb, #ffffff 6%, transparent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 40%, transparent);
  --shadow-md: 0 8px 24px color-mix(in srgb, #000000 50%, transparent);
  --shadow-lg: 0 20px 48px color-mix(in srgb, #000000 60%, transparent);
  --sidebar-background: #2b2d30;
  --sidebar-icon-color: #a9adb8;
  --folder-glyph-color: #6ea0ff;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #3574f0 32%, transparent);
  --listing-row-selected-text: #ffffff;
  --menu-background: color-mix(in srgb, #393b40 94%, transparent);
  --menu-shadow: 0 12px 32px color-mix(in srgb, #000000 58%, transparent);
  --context-menu-accent-cut: #6ea0ff;
  --context-menu-accent-copy: #6ea0ff;
  --context-menu-accent-paste: #5fb865;
  --context-menu-accent-rename: #e3b341;
  --context-menu-accent-properties: #b18cf0;
}

/* Sublime Text — Spartan Mariana: blue-slate ground, warm-orange find */
[data-theme-preview="sublime"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 3.5h4.5l1.2 1.4h7.3v8.2a0.5 0.5 0 0 1-0.5 0.5H2a0.5 0.5 0 0 1-0.5-0.5z'/%3E%3C/svg%3E");
  --font-ui: "SF Mono", "JetBrains Mono", "Cascadia Code", ui-monospace, "Segoe UI", system-ui, sans-serif;
  --font-display: var(--font-ui);
  --font-mono: "JetBrains Mono", "SF Mono", "Cascadia Code", ui-monospace, monospace;
  --letter-spacing-display: 0;
  --radius-xs: 1px;
  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-lg: 4px;
  --radius-pill: 999px;
  --surface-window: #eceef1;
  --surface-content: #fafafa;
  --surface-raised: #ffffff;
  --surface-sunken: #e2e5ea;
  --surface-translucent: color-mix(in srgb, #fafafa 72%, transparent);
  --surface-overlay: color-mix(in srgb, #2b303b 8%, transparent);
  --surface-scrim: color-mix(in srgb, #2b303b 28%, transparent);
  --surface-hover: color-mix(in srgb, #3d7dca 12%, transparent);
  --surface-selected: color-mix(in srgb, #e08c3a 22%, transparent);
  --surface-blur: 6px;
  --text-primary: #2b303b;
  --text-muted: #5a6472;
  --text-faint: #8b94a3;
  --text-disabled: color-mix(in srgb, #2b303b 40%, transparent);
  --text-on-accent: #ffffff;
  --text-link: #3d7dca;
  --accent: #2f6bb0;
  --accent-hover: #295f9d;
  --accent-pressed: #23538a;
  --accent-soft: color-mix(in srgb, #2f6bb0 14%, transparent);
  --accent-secondary: #c96a1c;
  --focus-ring: #2f6bb0;
  --danger: #c0392b;
  --danger-hover: #a83124;
  --danger-soft: #f6dedb;
  --success: #3f7d38;
  --success-soft: #dfeeda;
  --warning: #9a6410;
  --warning-soft: #f4e6cf;
  --info: #2f6bb0;
  --info-soft: #dfeaf5;
  --border-default: color-mix(in srgb, #2b303b 12%, transparent);
  --border-strong: color-mix(in srgb, #2b303b 20%, transparent);
  --border-subtle: color-mix(in srgb, #2b303b 6%, transparent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, #2b303b 12%, transparent);
  --shadow-md: 0 6px 18px color-mix(in srgb, #2b303b 16%, transparent);
  --shadow-lg: 0 16px 40px color-mix(in srgb, #2b303b 22%, transparent);
  --sidebar-background: #e4e7eb;
  --sidebar-icon-color: #5a6472;
  --folder-glyph-color: #c96a1c;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #e08c3a 22%, transparent);
  --listing-row-selected-text: #2b303b;
  --menu-background: #ffffff;
  --menu-shadow: 0 8px 24px color-mix(in srgb, #2b303b 18%, transparent);
  --search-match-highlight-background: color-mix(in srgb, #e08c3a 30%, transparent);
  --context-menu-accent-cut: #2f6bb0;
  --context-menu-accent-copy: #2f6bb0;
  --context-menu-accent-paste: #3f7d38;
  --context-menu-accent-rename: #9a6410;
  --context-menu-accent-properties: #8a5a86;
}
[data-theme-preview="sublime"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 3.5h4.5l1.2 1.4h7.3v8.2a0.5 0.5 0 0 1-0.5 0.5H2a0.5 0.5 0 0 1-0.5-0.5z'/%3E%3C/svg%3E");
  --font-ui: "SF Mono", "JetBrains Mono", "Cascadia Code", ui-monospace, "Segoe UI", system-ui, sans-serif;
  --font-display: var(--font-ui);
  --font-mono: "JetBrains Mono", "SF Mono", "Cascadia Code", ui-monospace, monospace;
  --letter-spacing-display: 0;
  --radius-xs: 1px;
  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-lg: 4px;
  --radius-pill: 999px;
  --surface-window: #232830;
  --surface-content: #2b303b;
  --surface-raised: #3b4350;
  --surface-sunken: #1c2027;
  --surface-translucent: color-mix(in srgb, #2b303b 78%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 40%, transparent);
  --surface-scrim: color-mix(in srgb, #171b21 60%, transparent);
  --surface-hover: color-mix(in srgb, #6699cc 14%, transparent);
  --surface-selected: color-mix(in srgb, #f9ae58 20%, transparent);
  --surface-blur: 6px;
  --text-primary: #e6ebf1;
  --text-muted: #a2acbd;
  --text-faint: #79839a;
  --text-disabled: color-mix(in srgb, #e6ebf1 38%, transparent);
  --text-on-accent: #10141a;
  --text-link: #6699cc;
  --accent: #6699cc;
  --accent-hover: #7dacdb;
  --accent-pressed: #93bce6;
  --accent-soft: color-mix(in srgb, #6699cc 20%, transparent);
  --accent-secondary: #f9ae58;
  --focus-ring: #6699cc;
  --danger: #f0776f;
  --danger-hover: #f4908a;
  --danger-soft: color-mix(in srgb, #f0776f 24%, transparent);
  --success: #99c794;
  --success-soft: color-mix(in srgb, #99c794 20%, transparent);
  --warning: #f9ae58;
  --warning-soft: color-mix(in srgb, #f9ae58 20%, transparent);
  --info: #6699cc;
  --info-soft: color-mix(in srgb, #6699cc 20%, transparent);
  --border-default: color-mix(in srgb, #ffffff 8%, transparent);
  --border-strong: color-mix(in srgb, #ffffff 16%, transparent);
  --border-subtle: color-mix(in srgb, #ffffff 4%, transparent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 45%, transparent);
  --shadow-md: 0 6px 18px color-mix(in srgb, #000000 55%, transparent);
  --shadow-lg: 0 16px 40px color-mix(in srgb, #000000 62%, transparent);
  --sidebar-background: #232830;
  --sidebar-icon-color: #8a94a6;
  --folder-glyph-color: #f9ae58;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #f9ae58 22%, transparent);
  --listing-row-selected-text: #e6ebf1;
  --menu-background: #3b4350;
  --menu-shadow: 0 8px 24px color-mix(in srgb, #000000 60%, transparent);
  --search-match-highlight-background: color-mix(in srgb, #f9ae58 32%, transparent);
  --context-menu-accent-cut: #6699cc;
  --context-menu-accent-copy: #6699cc;
  --context-menu-accent-paste: #99c794;
  --context-menu-accent-rename: #f9ae58;
  --context-menu-accent-properties: #c695c6;
}

/* Xcode — Apple's IDE — frosted navigator, system blue, SF type */
[data-theme-preview="xcode"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.2 5.2a2 2 0 0 1 2-2h1.9l1.4 1.6h4.3a2 2 0 0 1 2 2v4.4a2 2 0 0 1-2 2H4.2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
  --font-ui: -apple-system, "SF Pro Text", "Helvetica Neue", "Inter", system-ui, sans-serif;
  --font-display: -apple-system, "SF Pro Display", "Inter", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", monospace;
  --letter-spacing-display: -0.01em;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --surface-window: #ececf1;
  --surface-content: #ffffff;
  --surface-raised: #ffffff;
  --surface-sunken: #e3e3ea;
  --surface-translucent: color-mix(in srgb, #f2f2f7 60%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 8%, transparent);
  --surface-scrim: color-mix(in srgb, #000000 30%, transparent);
  --surface-hover: color-mix(in srgb, #0058d0 9%, transparent);
  --surface-selected: color-mix(in srgb, #0058d0 15%, transparent);
  --surface-blur: 26px;
  --text-primary: #1d1d20;
  --text-muted: #55555f;
  --text-faint: #86868b;
  --text-disabled: color-mix(in srgb, #1d1d20 40%, transparent);
  --text-on-accent: #ffffff;
  --text-link: #0058d0;
  --accent: #0058d0;
  --accent-hover: #024ab0;
  --accent-pressed: #023f97;
  --accent-soft: color-mix(in srgb, #0058d0 13%, transparent);
  --accent-secondary: #0a67f0;
  --focus-ring: #0058d0;
  --danger: #c9291f;
  --danger-hover: #a92019;
  --danger-soft: #fbe6e4;
  --success: #1d7d3f;
  --success-soft: #e5f3e9;
  --warning: #a8620a;
  --warning-soft: #fdefdf;
  --info: #0058d0;
  --info-soft: #e6effb;
  --border-default: color-mix(in srgb, #000000 9%, transparent);
  --border-strong: color-mix(in srgb, #000000 14%, transparent);
  --border-subtle: color-mix(in srgb, #000000 5%, transparent);
  --shadow-sm: 0 0.5px 1px color-mix(in srgb, #000000 10%, transparent);
  --shadow-md: 0 8px 26px color-mix(in srgb, #000000 15%, transparent);
  --shadow-lg: 0 22px 58px color-mix(in srgb, #000000 22%, transparent);
  --sidebar-background: color-mix(in srgb, #f2f2f7 72%, transparent);
  --sidebar-icon-color: #0058d0;
  --folder-glyph-color: #3c9bff;
  --listing-background-wash: none;
  --listing-row-selected-background: #0058d0;
  --listing-row-selected-text: #ffffff;
  --menu-background: color-mix(in srgb, #f6f6fa 82%, transparent);
  --menu-shadow: 0 10px 34px color-mix(in srgb, #000000 20%, transparent);
  --context-menu-accent-cut: #0058d0;
  --context-menu-accent-copy: #0058d0;
}
[data-theme-preview="xcode"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.2 5.2a2 2 0 0 1 2-2h1.9l1.4 1.6h4.3a2 2 0 0 1 2 2v4.4a2 2 0 0 1-2 2H4.2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
  --font-ui: -apple-system, "SF Pro Text", "Helvetica Neue", "Inter", system-ui, sans-serif;
  --font-display: -apple-system, "SF Pro Display", "Inter", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", monospace;
  --letter-spacing-display: -0.01em;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --surface-window: #292a30;
  --surface-content: #1f1f24;
  --surface-raised: #34353a;
  --surface-sunken: #17171b;
  --surface-translucent: color-mix(in srgb, #2b2c32 74%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 45%, transparent);
  --surface-scrim: color-mix(in srgb, #000000 58%, transparent);
  --surface-hover: color-mix(in srgb, #4d9dff 13%, transparent);
  --surface-selected: color-mix(in srgb, #4d9dff 24%, transparent);
  --surface-blur: 26px;
  --text-primary: #f5f5f7;
  --text-muted: #a9a9b4;
  --text-faint: #6e6e78;
  --text-disabled: color-mix(in srgb, #f5f5f7 40%, transparent);
  --text-on-accent: #06214a;
  --text-link: #4d9dff;
  --accent: #4d9dff;
  --accent-hover: #6cb0ff;
  --accent-pressed: #86bfff;
  --accent-soft: color-mix(in srgb, #4d9dff 22%, transparent);
  --accent-secondary: #4d9dff;
  --focus-ring: #4d9dff;
  --danger: #ff6b5e;
  --danger-hover: #ff8a80;
  --danger-soft: #301513;
  --success: #4ac26b;
  --success-soft: #12271a;
  --warning: #e8a13d;
  --warning-soft: #2b2110;
  --info: #4d9dff;
  --info-soft: #14304f;
  --border-default: color-mix(in srgb, #ffffff 9%, transparent);
  --border-strong: color-mix(in srgb, #ffffff 16%, transparent);
  --border-subtle: color-mix(in srgb, #ffffff 5%, transparent);
  --shadow-sm: 0 0.5px 1px color-mix(in srgb, #000000 45%, transparent);
  --shadow-md: 0 8px 26px color-mix(in srgb, #000000 55%, transparent);
  --shadow-lg: 0 22px 58px color-mix(in srgb, #000000 66%, transparent);
  --sidebar-background: color-mix(in srgb, #2b2c32 76%, transparent);
  --sidebar-icon-color: #4d9dff;
  --folder-glyph-color: #4d9dff;
  --listing-background-wash: none;
  --listing-row-selected-background: #0a67f0;
  --listing-row-selected-text: #ffffff;
  --menu-background: color-mix(in srgb, #2f3036 82%, transparent);
  --menu-shadow: 0 10px 34px color-mix(in srgb, #000000 62%, transparent);
  --context-menu-accent-cut: #4d9dff;
  --context-menu-accent-copy: #4d9dff;
}

/* Zed — One-slate GPU editor: soft blue, snappy motion */
[data-theme-preview="zed"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 4h4l1.3 1.5h6.7v7.7a0.7 0.7 0 0 1-0.7 0.7H2.7a0.7 0.7 0 0 1-0.7-0.7z' rx='1'/%3E%3C/svg%3E");
  --font-ui: "Zed Sans", "Inter", "Segoe UI", system-ui, sans-serif;
  --font-display: "Zed Sans", "Inter", "Segoe UI", system-ui, sans-serif;
  --font-mono: "Zed Mono", "JetBrains Mono", ui-monospace, monospace;
  --letter-spacing-display: -0.01em;
  --radius-sm: 5px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --duration-fast: 80ms;
  --duration-medium: 150ms;
  --duration-slow: 260ms;
  --motion-easing: cubic-bezier(0.22, 0.61, 0.36, 1);
  --surface-window: #ececed;
  --surface-content: #fafafa;
  --surface-raised: #ffffff;
  --surface-sunken: #e2e2e4;
  --surface-translucent: color-mix(in srgb, #fafafa 70%, transparent);
  --surface-overlay: color-mix(in srgb, #383a42 8%, transparent);
  --surface-scrim: color-mix(in srgb, #383a42 26%, transparent);
  --surface-hover: color-mix(in srgb, #4078f2 10%, transparent);
  --surface-selected: color-mix(in srgb, #4078f2 16%, transparent);
  --surface-blur: 12px;
  --text-primary: #383a42;
  --text-muted: #5c616d;
  --text-faint: #8a8f9a;
  --text-disabled: color-mix(in srgb, #383a42 40%, transparent);
  --text-on-accent: #ffffff;
  --text-link: #2f6ae0;
  --accent: #2f6ae0;
  --accent-hover: #285dc7;
  --accent-pressed: #2251ad;
  --accent-soft: color-mix(in srgb, #2f6ae0 12%, transparent);
  --accent-secondary: #4078f2;
  --focus-ring: #2f6ae0;
  --danger: #ca1c25;
  --danger-hover: #ac171f;
  --danger-soft: #f7dcde;
  --success: #3f7f2f;
  --success-soft: #e0efd9;
  --warning: #8a6410;
  --warning-soft: #f4ead1;
  --info: #2f6ae0;
  --info-soft: #e2ebfc;
  --border-default: color-mix(in srgb, #383a42 12%, transparent);
  --border-strong: color-mix(in srgb, #383a42 20%, transparent);
  --border-subtle: color-mix(in srgb, #383a42 6%, transparent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, #383a42 12%, transparent);
  --shadow-md: 0 8px 24px color-mix(in srgb, #383a42 14%, transparent);
  --shadow-lg: 0 18px 48px color-mix(in srgb, #383a42 20%, transparent);
  --sidebar-background: #ececed;
  --sidebar-icon-color: #2f6ae0;
  --folder-glyph-color: #4078f2;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #4078f2 16%, transparent);
  --listing-row-selected-text: #383a42;
  --menu-background: color-mix(in srgb, #ffffff 92%, transparent);
  --menu-shadow: 0 10px 30px color-mix(in srgb, #383a42 18%, transparent);
  --context-menu-accent-cut: #2f6ae0;
  --context-menu-accent-copy: #2f6ae0;
  --context-menu-accent-paste: #3f7f2f;
  --context-menu-accent-rename: #8a6410;
  --context-menu-accent-properties: #8a44b8;
}
[data-theme-preview="zed"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 4h4l1.3 1.5h6.7v7.7a0.7 0.7 0 0 1-0.7 0.7H2.7a0.7 0.7 0 0 1-0.7-0.7z' rx='1'/%3E%3C/svg%3E");
  --font-ui: "Zed Sans", "Inter", "Segoe UI", system-ui, sans-serif;
  --font-display: "Zed Sans", "Inter", "Segoe UI", system-ui, sans-serif;
  --font-mono: "Zed Mono", "JetBrains Mono", ui-monospace, monospace;
  --letter-spacing-display: -0.01em;
  --radius-sm: 5px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --duration-fast: 80ms;
  --duration-medium: 150ms;
  --duration-slow: 260ms;
  --motion-easing: cubic-bezier(0.22, 0.61, 0.36, 1);
  --surface-window: #21252b;
  --surface-content: #282c34;
  --surface-raised: #2f343e;
  --surface-sunken: #1b1f24;
  --surface-translucent: color-mix(in srgb, #282c34 66%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 38%, transparent);
  --surface-scrim: color-mix(in srgb, #16181d 60%, transparent);
  --surface-hover: color-mix(in srgb, #74ade8 12%, transparent);
  --surface-selected: color-mix(in srgb, #74ade8 22%, transparent);
  --surface-blur: 12px;
  --text-primary: #c8ccd4;
  --text-muted: #969dac;
  --text-faint: #6b727f;
  --text-disabled: color-mix(in srgb, #c8ccd4 38%, transparent);
  --text-on-accent: #10131a;
  --text-link: #74ade8;
  --accent: #74ade8;
  --accent-hover: #8bbcf0;
  --accent-pressed: #a1caf5;
  --accent-soft: color-mix(in srgb, #74ade8 18%, transparent);
  --accent-secondary: #569cd6;
  --focus-ring: #74ade8;
  --danger: #e57880;
  --danger-hover: #ec8f96;
  --danger-soft: color-mix(in srgb, #e57880 22%, transparent);
  --success: #98c379;
  --success-soft: color-mix(in srgb, #98c379 18%, transparent);
  --warning: #e5c07b;
  --warning-soft: color-mix(in srgb, #e5c07b 18%, transparent);
  --info: #74ade8;
  --info-soft: color-mix(in srgb, #74ade8 18%, transparent);
  --border-default: color-mix(in srgb, #c8ccd4 12%, transparent);
  --border-strong: color-mix(in srgb, #c8ccd4 20%, transparent);
  --border-subtle: color-mix(in srgb, #c8ccd4 6%, transparent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 40%, transparent);
  --shadow-md: 0 8px 24px color-mix(in srgb, #000000 48%, transparent);
  --shadow-lg: 0 18px 48px color-mix(in srgb, #000000 58%, transparent);
  --sidebar-background: #21252b;
  --sidebar-icon-color: #74ade8;
  --folder-glyph-color: #74ade8;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #74ade8 24%, transparent);
  --listing-row-selected-text: #dfe3ea;
  --menu-background: color-mix(in srgb, #2f343e 92%, transparent);
  --menu-shadow: 0 10px 30px color-mix(in srgb, #000000 55%, transparent);
  --context-menu-accent-cut: #74ade8;
  --context-menu-accent-copy: #74ade8;
  --context-menu-accent-paste: #98c379;
  --context-menu-accent-rename: #e5c07b;
  --context-menu-accent-properties: #c678dd;
}

/* Claude Code — Cozy warm terminal — cream, charcoal, and coral */
[data-theme-preview="claudecode"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 4.5h4l1.2 1.4h6.8v7.1a0.8 0.8 0 0 1-0.8 0.8H2.8a0.8 0.8 0 0 1-0.8-0.8z'/%3E%3C/svg%3E");
  --font-ui: "SF Mono", "JetBrains Mono", "Cascadia Code", ui-monospace, monospace;
  --font-display: "SF Mono", "JetBrains Mono", "Cascadia Code", ui-monospace, monospace;
  --font-mono: "SF Mono", "JetBrains Mono", "Cascadia Code", ui-monospace, monospace;
  --letter-spacing-display: 0.005em;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --space-sm: 0.8rem;
  --space-md: 1.1rem;
  --space-lg: 1.6rem;
  --surface-window: #f0eee6;
  --surface-content: #faf9f5;
  --surface-raised: #ffffff;
  --surface-sunken: #e6e3d8;
  --surface-translucent: color-mix(in srgb, #faf9f5 90%, transparent);
  --surface-overlay: color-mix(in srgb, #2b2822 7%, transparent);
  --surface-scrim: color-mix(in srgb, #2b2822 30%, transparent);
  --surface-hover: color-mix(in srgb, #c15f3c 10%, transparent);
  --surface-selected: color-mix(in srgb, #c15f3c 16%, transparent);
  --surface-blur: 20px;
  --text-primary: #2b2822;
  --text-muted: #6b6862;
  --text-faint: #928e85;
  --text-disabled: color-mix(in srgb, #2b2822 40%, transparent);
  --text-on-accent: #ffffff;
  --text-link: #b8532f;
  --accent: #b8532f;
  --accent-hover: #9f4526;
  --accent-pressed: #883c20;
  --accent-soft: color-mix(in srgb, #b8532f 12%, transparent);
  --accent-secondary: #9a7b4f;
  --focus-ring: #b8532f;
  --danger: #a3281a;
  --danger-hover: #8a2115;
  --danger-soft: #f3ddd6;
  --success: #3f6b2a;
  --success-soft: #e4ecd8;
  --warning: #8a5a10;
  --warning-soft: #f2e7ce;
  --info: #b8532f;
  --info-soft: #f5e2d8;
  --border-default: color-mix(in srgb, #2b2822 12%, transparent);
  --border-strong: color-mix(in srgb, #2b2822 20%, transparent);
  --border-subtle: color-mix(in srgb, #2b2822 6%, transparent);
  --shadow-sm: 0 1px 3px color-mix(in srgb, #6b5a3f 14%, transparent);
  --shadow-md: 0 8px 26px color-mix(in srgb, #6b5a3f 18%, transparent);
  --shadow-lg: 0 22px 54px color-mix(in srgb, #6b5a3f 24%, transparent);
  --sidebar-background: color-mix(in srgb, #f0eee6 82%, #ffffff);
  --sidebar-icon-color: #b8532f;
  --folder-glyph-color: #c15f3c;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #c15f3c 16%, transparent);
  --listing-row-selected-text: #2b2822;
  --menu-background: color-mix(in srgb, #faf9f5 88%, transparent);
  --menu-shadow: 0 12px 36px color-mix(in srgb, #6b5a3f 20%, transparent);
  --context-menu-accent-cut: #9a7b4f;
  --context-menu-accent-copy: #9a7b4f;
  --context-menu-accent-paste: #3f6b2a;
  --context-menu-accent-rename: #8a5a10;
  --context-menu-accent-properties: #7a4f96;
}
[data-theme-preview="claudecode"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 4.5h4l1.2 1.4h6.8v7.1a0.8 0.8 0 0 1-0.8 0.8H2.8a0.8 0.8 0 0 1-0.8-0.8z'/%3E%3C/svg%3E");
  --font-ui: "SF Mono", "JetBrains Mono", "Cascadia Code", ui-monospace, monospace;
  --font-display: "SF Mono", "JetBrains Mono", "Cascadia Code", ui-monospace, monospace;
  --font-mono: "SF Mono", "JetBrains Mono", "Cascadia Code", ui-monospace, monospace;
  --letter-spacing-display: 0.005em;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --space-sm: 0.8rem;
  --space-md: 1.1rem;
  --space-lg: 1.6rem;
  --surface-window: #1f1e1d;
  --surface-content: #262624;
  --surface-raised: #30302e;
  --surface-sunken: #191817;
  --surface-translucent: color-mix(in srgb, #262624 78%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 42%, transparent);
  --surface-scrim: color-mix(in srgb, #000000 58%, transparent);
  --surface-hover: color-mix(in srgb, #d97757 12%, transparent);
  --surface-selected: color-mix(in srgb, #d97757 22%, transparent);
  --surface-blur: 20px;
  --text-primary: #f0eee6;
  --text-muted: #b5b2a8;
  --text-faint: #86837a;
  --text-disabled: color-mix(in srgb, #f0eee6 38%, transparent);
  --text-on-accent: #2b1a12;
  --text-link: #e08a6a;
  --accent: #e08a6a;
  --accent-hover: #e79a7d;
  --accent-pressed: #edac93;
  --accent-soft: color-mix(in srgb, #e08a6a 20%, transparent);
  --accent-secondary: #d9b48c;
  --focus-ring: #e08a6a;
  --danger: #f0857b;
  --danger-hover: #f49d95;
  --danger-soft: color-mix(in srgb, #cf5b4e 26%, transparent);
  --success: #a3c586;
  --success-soft: color-mix(in srgb, #a3c586 18%, transparent);
  --warning: #e0b45a;
  --warning-soft: color-mix(in srgb, #e0b45a 18%, transparent);
  --info: #e08a6a;
  --info-soft: color-mix(in srgb, #e08a6a 18%, transparent);
  --border-default: color-mix(in srgb, #f0eee6 12%, transparent);
  --border-strong: color-mix(in srgb, #f0eee6 20%, transparent);
  --border-subtle: color-mix(in srgb, #f0eee6 6%, transparent);
  --shadow-sm: 0 1px 3px color-mix(in srgb, #000000 40%, transparent);
  --shadow-md: 0 8px 26px color-mix(in srgb, #000000 50%, transparent);
  --shadow-lg: 0 22px 54px color-mix(in srgb, #000000 60%, transparent);
  --sidebar-background: color-mix(in srgb, #1f1e1d 84%, transparent);
  --sidebar-icon-color: #e08a6a;
  --folder-glyph-color: #e08a6a;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #d97757 24%, transparent);
  --listing-row-selected-text: #f0eee6;
  --menu-background: color-mix(in srgb, #30302e 80%, transparent);
  --menu-shadow: 0 12px 36px color-mix(in srgb, #000000 58%, transparent);
  --context-menu-accent-cut: #d9b48c;
  --context-menu-accent-copy: #d9b48c;
  --context-menu-accent-paste: #a3c586;
  --context-menu-accent-rename: #e0b45a;
  --context-menu-accent-properties: #cba6d9;
}

/* Luna — Windows XP glossy blue */
[data-theme-preview="luna"][data-scheme="light"] {
  --font-ui: "Tahoma", "Verdana", "DejaVu Sans", system-ui, sans-serif;
  --font-display: "Tahoma", "Verdana", system-ui, sans-serif;
  --font-mono: "Lucida Console", "DejaVu Sans Mono", ui-monospace, monospace;
  --letter-spacing-display: normal;
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-pill: 999px;
  --surface-window: #ece9d8;
  --surface-content: #ffffff;
  --surface-raised: #ffffff;
  --surface-sunken: #e2dfcf;
  --surface-translucent: color-mix(in srgb, #ffffff 78%, transparent);
  --surface-hover: color-mix(in srgb, #0a5bc4 12%, transparent);
  --surface-selected: color-mix(in srgb, #0a5bc4 20%, transparent);
  --surface-blur: 0px;
  --window-background: linear-gradient(180deg, #cfe0f7 0%, #dfe6ee 7%, #ece9d8 16%, #ece9d8 100%);
  --text-primary: #1a1a1a;
  --text-muted: #4a4a4a;
  --text-faint: #767676;
  --text-on-accent: #ffffff;
  --text-link: #0a5bc4;
  --accent: #0a5bc4;
  --accent-hover: #0a52ad;
  --accent-pressed: #084791;
  --accent-soft: color-mix(in srgb, #0a5bc4 14%, transparent);
  --accent-secondary: #4b8df8;
  --focus-ring: #0a5bc4;
  --danger: #c01c28;
  --danger-hover: #a4141f;
  --danger-soft: #f8e2e2;
  --success: #1a7f37;
  --success-soft: #e6f2ea;
  --warning: #b46f00;
  --warning-soft: #fbefda;
  --info: #0a5bc4;
  --info-soft: #e5eefb;
  --border-default: color-mix(in srgb, #1f497d 22%, transparent);
  --border-strong: color-mix(in srgb, #1f497d 40%, transparent);
  --border-subtle: color-mix(in srgb, #1f497d 12%, transparent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, #1f497d 22%, transparent);
  --shadow-md: 0 6px 18px color-mix(in srgb, #1f497d 28%, transparent);
  --shadow-lg: 0 16px 40px color-mix(in srgb, #1f497d 34%, transparent);
  --sidebar-background: linear-gradient(180deg, #eaf1fb, #dce7f7);
  --sidebar-icon-color: #0a5bc4;
  --sidebar-group-heading-text: #0a5bc4;
  --folder-glyph-color: #f5c518;
  --window-bar-background: linear-gradient(180deg, #3f8bf0, #1a5fd6 48%, #0a4fc0);
  --window-bar-text: #ffffff;
  --topbar-background: linear-gradient(180deg, #f4f2e6, #e6e2d0);
}
[data-theme-preview="luna"][data-scheme="dark"] {
  --font-ui: "Tahoma", "Verdana", "DejaVu Sans", system-ui, sans-serif;
  --font-display: "Tahoma", "Verdana", system-ui, sans-serif;
  --font-mono: "Lucida Console", "DejaVu Sans Mono", ui-monospace, monospace;
  --letter-spacing-display: normal;
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-pill: 999px;
  --surface-window: #14233f;
  --surface-content: #1b2c4d;
  --surface-raised: #223a63;
  --surface-sunken: #101c33;
  --surface-translucent: color-mix(in srgb, #1b2c4d 80%, transparent);
  --surface-hover: color-mix(in srgb, #6ea8ff 16%, transparent);
  --surface-selected: color-mix(in srgb, #6ea8ff 26%, transparent);
  --surface-blur: 0px;
  --window-background: linear-gradient(180deg, #21406f 0%, #182c4c 12%, #14233f 100%);
  --text-primary: #eef2fb;
  --text-muted: #b6c6e2;
  --text-faint: #85a0c8;
  --text-on-accent: #06122a;
  --text-link: #6ea8ff;
  --accent: #6ea8ff;
  --accent-hover: #8bbcff;
  --accent-pressed: #a3caff;
  --accent-soft: color-mix(in srgb, #6ea8ff 22%, transparent);
  --accent-secondary: #8bbcff;
  --focus-ring: #6ea8ff;
  --danger: #ff8a80;
  --danger-hover: #ffa39b;
  --danger-soft: #3a1614;
  --success: #57c97a;
  --success-soft: #13291b;
  --warning: #e3b341;
  --warning-soft: #2c2413;
  --info: #6ea8ff;
  --info-soft: #142744;
  --border-default: color-mix(in srgb, #6ea8ff 26%, transparent);
  --border-strong: color-mix(in srgb, #6ea8ff 44%, transparent);
  --border-subtle: color-mix(in srgb, #6ea8ff 14%, transparent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 45%, transparent);
  --shadow-md: 0 6px 18px color-mix(in srgb, #000000 55%, transparent);
  --shadow-lg: 0 16px 40px color-mix(in srgb, #000000 65%, transparent);
  --sidebar-background: linear-gradient(180deg, #1d3358, #16294a);
  --sidebar-icon-color: #6ea8ff;
  --sidebar-group-heading-text: #8bbcff;
  --folder-glyph-color: #f0c040;
  --window-bar-background: linear-gradient(180deg, #2a5bd7, #143c94);
  --window-bar-text: #eef2fb;
  --topbar-background: linear-gradient(180deg, #1c3157, #16294a);
}

/* Redmond 95 — Windows 95 battleship grey */
[data-theme-preview="redmond95"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 3.5h4v1.5h9v8h-13z'/%3E%3C/svg%3E");
  --font-ui: "MS Sans Serif", "Tahoma", "Verdana", "DejaVu Sans", system-ui, sans-serif;
  --font-display: "MS Sans Serif", "Tahoma", system-ui, sans-serif;
  --font-mono: "Fixedsys", "Consolas", ui-monospace, monospace;
  --letter-spacing-display: normal;
  --radius-xs: 0px;
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --radius-pill: 0px;
  --duration-instant: 0ms;
  --duration-fast: 0ms;
  --duration-medium: 0ms;
  --duration-slow: 0ms;
  --surface-window: #c0c0c0;
  --surface-content: #ffffff;
  --surface-raised: #c0c0c0;
  --surface-sunken: #ffffff;
  --surface-translucent: #c0c0c0;
  --surface-hover: color-mix(in srgb, #000080 12%, transparent);
  --surface-selected: #000080;
  --surface-blur: 0px;
  --window-background: #c0c0c0;
  --text-primary: #000000;
  --text-muted: #3d3d3d;
  --text-faint: #5c5c5c;
  --text-on-accent: #ffffff;
  --text-link: #000080;
  --accent: #000080;
  --accent-hover: #00006a;
  --accent-pressed: #000050;
  --accent-soft: color-mix(in srgb, #000080 16%, transparent);
  --accent-secondary: #008080;
  --focus-ring: #000080;
  --danger: #aa0000;
  --danger-hover: #8a0000;
  --danger-soft: #f2d6d6;
  --success: #007000;
  --success-soft: #d6ead6;
  --warning: #7a5c00;
  --warning-soft: #ece2c4;
  --info: #000080;
  --info-soft: #d6d6ea;
  --border-default: #808080;
  --border-strong: #000000;
  --border-subtle: #dfdfdf;
  --shadow-sm: none;
  --shadow-md: 1px 1px 0 #808080;
  --shadow-lg: 2px 2px 0 #404040;
  --sidebar-background: #c0c0c0;
  --sidebar-icon-color: #000080;
  --listing-row-selected-background: #000080;
  --listing-row-selected-text: #ffffff;
  --folder-glyph-color: #caa63a;
  --menu-background: #c0c0c0;
  --menu-item-hover-background: #000080;
  --menu-item-hover-text: #ffffff;
}
[data-theme-preview="redmond95"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 3.5h4v1.5h9v8h-13z'/%3E%3C/svg%3E");
  --font-ui: "MS Sans Serif", "Tahoma", "Verdana", "DejaVu Sans", system-ui, sans-serif;
  --font-display: "MS Sans Serif", "Tahoma", system-ui, sans-serif;
  --font-mono: "Fixedsys", "Consolas", ui-monospace, monospace;
  --letter-spacing-display: normal;
  --radius-xs: 0px;
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --radius-pill: 0px;
  --duration-instant: 0ms;
  --duration-fast: 0ms;
  --duration-medium: 0ms;
  --duration-slow: 0ms;
  --surface-window: #2b2b2b;
  --surface-content: #1e1e1e;
  --surface-raised: #3a3a3a;
  --surface-sunken: #141414;
  --surface-translucent: #2b2b2b;
  --surface-hover: color-mix(in srgb, #8fb0ff 14%, transparent);
  --surface-selected: #1c2e6b;
  --surface-blur: 0px;
  --window-background: #2b2b2b;
  --text-primary: #f0f0f0;
  --text-muted: #b5b5b5;
  --text-faint: #8a8a8a;
  --text-on-accent: #001030;
  --text-link: #8fb0ff;
  --accent: #8fb0ff;
  --accent-hover: #a7c2ff;
  --accent-pressed: #bcd2ff;
  --accent-soft: color-mix(in srgb, #8fb0ff 22%, transparent);
  --accent-secondary: #4fd0d0;
  --focus-ring: #8fb0ff;
  --danger: #ff7a70;
  --danger-hover: #ff958c;
  --danger-soft: #351312;
  --success: #57c97a;
  --success-soft: #14271a;
  --warning: #e3b341;
  --warning-soft: #2b2413;
  --info: #8fb0ff;
  --info-soft: #16233f;
  --border-default: #565656;
  --border-strong: #000000;
  --border-subtle: #6e6e6e;
  --shadow-sm: none;
  --shadow-md: 1px 1px 0 #101010;
  --shadow-lg: 2px 2px 0 #000000;
  --sidebar-background: #2b2b2b;
  --sidebar-icon-color: #8fb0ff;
  --listing-row-selected-background: #1c2e6b;
  --listing-row-selected-text: #f0f0f0;
  --folder-glyph-color: #d8be5c;
  --menu-background: #3a3a3a;
  --menu-item-hover-background: #1c2e6b;
  --menu-item-hover-text: #f0f0f0;
}

/* Platinum — Mac OS 9 pinstripe grey */
[data-theme-preview="platinum"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 3.5h4v1.5h9v8h-13z'/%3E%3C/svg%3E");
  --font-ui: "Charcoal", "Geneva", "Helvetica Neue", "DejaVu Sans", system-ui, sans-serif;
  --font-display: "Charcoal", "Geneva", "Helvetica Neue", system-ui, sans-serif;
  --font-mono: "Monaco", "Menlo", ui-monospace, monospace;
  --letter-spacing-display: normal;
  --radius-sm: 4px;
  --radius-md: 5px;
  --radius-lg: 6px;
  --radius-pill: 999px;
  --surface-window: #cccccc;
  --surface-content: #ffffff;
  --surface-raised: #dddddd;
  --surface-sunken: #bcbcbc;
  --surface-translucent: color-mix(in srgb, #dddddd 82%, transparent);
  --surface-hover: color-mix(in srgb, #163d80 12%, transparent);
  --surface-selected: color-mix(in srgb, #163d80 20%, transparent);
  --surface-blur: 0px;
  --surface-texture: repeating-linear-gradient(0deg, rgba(255,255,255,0.55) 0, rgba(255,255,255,0.55) 1px, rgba(0,0,0,0.04) 1px, rgba(0,0,0,0.04) 2px);
  --window-background: repeating-linear-gradient(0deg, #d2d2d2 0, #d2d2d2 1px, #c6c6c6 1px, #c6c6c6 2px);
  --text-primary: #000000;
  --text-muted: #454545;
  --text-faint: #6b6b6b;
  --text-on-accent: #ffffff;
  --text-link: #163d80;
  --accent: #163d80;
  --accent-hover: #123268;
  --accent-pressed: #0e2851;
  --accent-soft: color-mix(in srgb, #163d80 14%, transparent);
  --accent-secondary: #3563b0;
  --focus-ring: #163d80;
  --danger: #b81c22;
  --danger-hover: #9c161b;
  --danger-soft: #f4dcdc;
  --success: #1a7f37;
  --success-soft: #dcecdf;
  --warning: #8a6100;
  --warning-soft: #ede2c8;
  --info: #163d80;
  --info-soft: #dbe2ef;
  --border-default: #8f8f8f;
  --border-strong: #545454;
  --border-subtle: #b6b6b6;
  --shadow-sm: 0 1px 0 #ffffff, 0 1px 2px color-mix(in srgb, #000000 22%, transparent);
  --shadow-md: 1px 2px 4px color-mix(in srgb, #000000 30%, transparent);
  --shadow-lg: 2px 4px 10px color-mix(in srgb, #000000 38%, transparent);
  --sidebar-background: #d4d4d4;
  --sidebar-icon-color: #163d80;
  --folder-glyph-color: #8aa5c9;
  --window-bar-text: #000000;
}
[data-theme-preview="platinum"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 3.5h4v1.5h9v8h-13z'/%3E%3C/svg%3E");
  --font-ui: "Charcoal", "Geneva", "Helvetica Neue", "DejaVu Sans", system-ui, sans-serif;
  --font-display: "Charcoal", "Geneva", "Helvetica Neue", system-ui, sans-serif;
  --font-mono: "Monaco", "Menlo", ui-monospace, monospace;
  --letter-spacing-display: normal;
  --radius-sm: 4px;
  --radius-md: 5px;
  --radius-lg: 6px;
  --radius-pill: 999px;
  --surface-window: #2f3033;
  --surface-content: #25262a;
  --surface-raised: #3a3b40;
  --surface-sunken: #1c1d20;
  --surface-translucent: color-mix(in srgb, #3a3b40 82%, transparent);
  --surface-hover: color-mix(in srgb, #5a86d8 16%, transparent);
  --surface-selected: color-mix(in srgb, #5a86d8 26%, transparent);
  --surface-blur: 0px;
  --surface-texture: repeating-linear-gradient(0deg, rgba(255,255,255,0.05) 0, rgba(255,255,255,0.05) 1px, rgba(0,0,0,0.12) 1px, rgba(0,0,0,0.12) 2px);
  --window-background: repeating-linear-gradient(0deg, #313235 0, #313235 1px, #2b2c2f 1px, #2b2c2f 2px);
  --text-primary: #eef0f2;
  --text-muted: #b3b6bd;
  --text-faint: #83868d;
  --text-on-accent: #08162e;
  --text-link: #5a86d8;
  --accent: #5a86d8;
  --accent-hover: #7499e0;
  --accent-pressed: #8dabe8;
  --accent-soft: color-mix(in srgb, #5a86d8 24%, transparent);
  --accent-secondary: #7499e0;
  --focus-ring: #5a86d8;
  --danger: #ff8078;
  --danger-hover: #ff988f;
  --danger-soft: #351513;
  --success: #57c97a;
  --success-soft: #14271a;
  --warning: #e3b341;
  --warning-soft: #2b2413;
  --info: #5a86d8;
  --info-soft: #182742;
  --border-default: #55565b;
  --border-strong: #7b7c82;
  --border-subtle: #3f4045;
  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 45%, transparent);
  --shadow-md: 1px 2px 6px color-mix(in srgb, #000000 55%, transparent);
  --shadow-lg: 2px 4px 12px color-mix(in srgb, #000000 65%, transparent);
  --sidebar-background: #34353a;
  --sidebar-icon-color: #5a86d8;
  --folder-glyph-color: #93a7cc;
  --window-bar-text: #eef0f2;
}

/* Breeze — KDE Plasma flat blue */
[data-theme-preview="breeze"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.2 5.2a2 2 0 0 1 2-2h1.9l1.4 1.6h4.3a2 2 0 0 1 2 2v4.4a2 2 0 0 1-2 2H4.2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
  --font-ui: "Noto Sans", "Oxygen", "Cantarell", "DejaVu Sans", system-ui, sans-serif;
  --font-display: "Noto Sans", "Oxygen", system-ui, sans-serif;
  --font-mono: "Hack", "Oxygen Mono", "JetBrains Mono", ui-monospace, monospace;
  --letter-spacing-display: normal;
  --radius-xs: 3px;
  --radius-sm: 4px;
  --radius-md: 4px;
  --radius-lg: 4px;
  --radius-pill: 999px;
  --surface-window: #eff0f1;
  --surface-content: #fcfcfc;
  --surface-raised: #ffffff;
  --surface-sunken: #e3e5e7;
  --surface-translucent: color-mix(in srgb, #fcfcfc 72%, transparent);
  --surface-hover: color-mix(in srgb, #2472ab 10%, transparent);
  --surface-selected: color-mix(in srgb, #2472ab 18%, transparent);
  --surface-blur: 12px;
  --text-primary: #232629;
  --text-muted: #4d5155;
  --text-faint: #7c8085;
  --text-on-accent: #ffffff;
  --text-link: #2472ab;
  --accent: #2472ab;
  --accent-hover: #1f6396;
  --accent-pressed: #1a5480;
  --accent-soft: color-mix(in srgb, #2472ab 12%, transparent);
  --accent-secondary: #3daee9;
  --focus-ring: #2472ab;
  --danger: #bf0303;
  --danger-hover: #a30202;
  --danger-soft: #f7dede;
  --success: #1a7f37;
  --success-soft: #e2f1e7;
  --warning: #a06a00;
  --warning-soft: #f8eed4;
  --info: #2472ab;
  --info-soft: #e0edf6;
  --border-default: #bdc3c7;
  --border-strong: #9aa1a6;
  --border-subtle: #d6dadd;
  --shadow-sm: 0 1px 2px color-mix(in srgb, #232629 10%, transparent);
  --shadow-md: 0 4px 14px color-mix(in srgb, #232629 16%, transparent);
  --shadow-lg: 0 12px 32px color-mix(in srgb, #232629 22%, transparent);
  --sidebar-background: #e5e7e9;
  --sidebar-icon-color: #2472ab;
  --folder-glyph-color: #3daee9;
  --menu-background: color-mix(in srgb, #fcfcfc 82%, transparent);
}
[data-theme-preview="breeze"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.2 5.2a2 2 0 0 1 2-2h1.9l1.4 1.6h4.3a2 2 0 0 1 2 2v4.4a2 2 0 0 1-2 2H4.2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
  --font-ui: "Noto Sans", "Oxygen", "Cantarell", "DejaVu Sans", system-ui, sans-serif;
  --font-display: "Noto Sans", "Oxygen", system-ui, sans-serif;
  --font-mono: "Hack", "Oxygen Mono", "JetBrains Mono", ui-monospace, monospace;
  --letter-spacing-display: normal;
  --radius-xs: 3px;
  --radius-sm: 4px;
  --radius-md: 4px;
  --radius-lg: 4px;
  --radius-pill: 999px;
  --surface-window: #2a2e32;
  --surface-content: #232629;
  --surface-raised: #31363b;
  --surface-sunken: #1b1e20;
  --surface-translucent: color-mix(in srgb, #31363b 74%, transparent);
  --surface-hover: color-mix(in srgb, #3daee9 14%, transparent);
  --surface-selected: color-mix(in srgb, #3daee9 24%, transparent);
  --surface-blur: 12px;
  --text-primary: #eff0f1;
  --text-muted: #b3b8bd;
  --text-faint: #7f858b;
  --text-on-accent: #06121c;
  --text-link: #3daee9;
  --accent: #3daee9;
  --accent-hover: #5cbdee;
  --accent-pressed: #7bccf2;
  --accent-soft: color-mix(in srgb, #3daee9 20%, transparent);
  --accent-secondary: #5cbdee;
  --focus-ring: #3daee9;
  --danger: #f06060;
  --danger-hover: #f47c7c;
  --danger-soft: #351515;
  --success: #57c97a;
  --success-soft: #14271a;
  --warning: #e3b341;
  --warning-soft: #2b2413;
  --info: #3daee9;
  --info-soft: #123141;
  --border-default: #40464c;
  --border-strong: #5a6167;
  --border-subtle: #2f3439;
  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 40%, transparent);
  --shadow-md: 0 4px 14px color-mix(in srgb, #000000 50%, transparent);
  --shadow-lg: 0 12px 32px color-mix(in srgb, #000000 60%, transparent);
  --sidebar-background: #26292d;
  --sidebar-icon-color: #3daee9;
  --folder-glyph-color: #3daee9;
  --menu-background: color-mix(in srgb, #31363b 82%, transparent);
}

/* NeXTSTEP — Chiseled monochrome greys */
[data-theme-preview="nextstep"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 3.5h4v1.5h9v8h-13z'/%3E%3C/svg%3E");
  --font-ui: "Helvetica Neue", "Helvetica", "Nimbus Sans", "Arimo", system-ui, sans-serif;
  --font-display: "Helvetica Neue", "Helvetica", "Nimbus Sans", system-ui, sans-serif;
  --font-mono: "Courier New", "Nimbus Mono PS", ui-monospace, monospace;
  --letter-spacing-display: normal;
  --radius-xs: 0px;
  --radius-sm: 1px;
  --radius-md: 2px;
  --radius-lg: 2px;
  --radius-pill: 2px;
  --surface-window: #9a9a9a;
  --surface-content: #c2c2c2;
  --surface-raised: #adadad;
  --surface-sunken: #8a8a8a;
  --surface-translucent: color-mix(in srgb, #adadad 84%, transparent);
  --surface-hover: color-mix(in srgb, #000000 10%, transparent);
  --surface-selected: color-mix(in srgb, #243b66 26%, transparent);
  --surface-blur: 0px;
  --window-background: #9a9a9a;
  --text-primary: #000000;
  --text-muted: #242424;
  --text-faint: #3f3f3f;
  --text-on-accent: #ffffff;
  --text-link: #1a2b4d;
  --accent: #243b66;
  --accent-hover: #1c2f52;
  --accent-pressed: #16253f;
  --accent-soft: color-mix(in srgb, #243b66 20%, transparent);
  --accent-secondary: #445a86;
  --focus-ring: #1a2b4d;
  --danger: #8a0f16;
  --danger-hover: #720c12;
  --danger-soft: #d9b6b7;
  --success: #165c2c;
  --success-soft: #b6cebd;
  --warning: #6f5300;
  --warning-soft: #cdc199;
  --info: #243b66;
  --info-soft: #bcc4d2;
  --border-default: #6f6f6f;
  --border-strong: #3a3a3a;
  --border-subtle: #8f8f8f;
  --shadow-sm: 1px 1px 0 color-mix(in srgb, #000000 30%, transparent);
  --shadow-md: 2px 2px 0 color-mix(in srgb, #000000 38%, transparent);
  --shadow-lg: 3px 3px 0 color-mix(in srgb, #000000 46%, transparent);
  --sidebar-background: #909090;
  --sidebar-icon-color: #1a2b4d;
  --folder-glyph-color: #b7c0d0;
}
[data-theme-preview="nextstep"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 3.5h4v1.5h9v8h-13z'/%3E%3C/svg%3E");
  --font-ui: "Helvetica Neue", "Helvetica", "Nimbus Sans", "Arimo", system-ui, sans-serif;
  --font-display: "Helvetica Neue", "Helvetica", "Nimbus Sans", system-ui, sans-serif;
  --font-mono: "Courier New", "Nimbus Mono PS", ui-monospace, monospace;
  --letter-spacing-display: normal;
  --radius-xs: 0px;
  --radius-sm: 1px;
  --radius-md: 2px;
  --radius-lg: 2px;
  --radius-pill: 2px;
  --surface-window: #3a3a3a;
  --surface-content: #2b2b2b;
  --surface-raised: #454545;
  --surface-sunken: #1f1f1f;
  --surface-translucent: color-mix(in srgb, #454545 84%, transparent);
  --surface-hover: color-mix(in srgb, #ffffff 8%, transparent);
  --surface-selected: color-mix(in srgb, #8aa4d6 22%, transparent);
  --surface-blur: 0px;
  --window-background: #3a3a3a;
  --text-primary: #ededed;
  --text-muted: #bdbdbd;
  --text-faint: #8f8f8f;
  --text-on-accent: #06101f;
  --text-link: #8aa4d6;
  --accent: #8aa4d6;
  --accent-hover: #a1b6e0;
  --accent-pressed: #b6c8e8;
  --accent-soft: color-mix(in srgb, #8aa4d6 22%, transparent);
  --accent-secondary: #a1b6e0;
  --focus-ring: #8aa4d6;
  --danger: #ff8078;
  --danger-hover: #ff988f;
  --danger-soft: #341413;
  --success: #57c97a;
  --success-soft: #14271a;
  --warning: #e3b341;
  --warning-soft: #2b2413;
  --info: #8aa4d6;
  --info-soft: #1c2537;
  --border-default: #5c5c5c;
  --border-strong: #1c1c1c;
  --border-subtle: #6e6e6e;
  --shadow-sm: 1px 1px 0 color-mix(in srgb, #000000 55%, transparent);
  --shadow-md: 2px 2px 0 color-mix(in srgb, #000000 60%, transparent);
  --shadow-lg: 3px 3px 0 color-mix(in srgb, #000000 68%, transparent);
  --sidebar-background: #333333;
  --sidebar-icon-color: #8aa4d6;
  --folder-glyph-color: #9aa6bd;
}

/* Workbench — Amiga orange on grey */
[data-theme-preview="workbench"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 3.5h4v1.5h9v8h-13z'/%3E%3C/svg%3E");
  --font-ui: "Topaz-8", "IBM Plex Mono", "Courier New", ui-monospace, monospace;
  --font-display: "Topaz-8", "IBM Plex Mono", "Courier New", ui-monospace, monospace;
  --font-mono: "Topaz-8", "IBM Plex Mono", "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.02em;
  --radius-xs: 0px;
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --radius-pill: 0px;
  --duration-fast: 0ms;
  --duration-medium: 60ms;
  --surface-window: #999999;
  --surface-content: #ffffff;
  --surface-raised: #b4b4b4;
  --surface-sunken: #8a8a8a;
  --surface-translucent: #b4b4b4;
  --surface-hover: color-mix(in srgb, #063372 12%, transparent);
  --surface-selected: color-mix(in srgb, #063372 22%, transparent);
  --surface-blur: 0px;
  --window-background: #999999;
  --text-primary: #000000;
  --text-muted: #262626;
  --text-faint: #454545;
  --text-on-accent: #ffffff;
  --text-link: #063372;
  --accent: #063372;
  --accent-hover: #04275c;
  --accent-pressed: #031d45;
  --accent-soft: color-mix(in srgb, #063372 18%, transparent);
  --accent-secondary: #ff8a00;
  --focus-ring: #063372;
  --danger: #9a0d13;
  --danger-hover: #7e0a10;
  --danger-soft: #dcb2b3;
  --success: #135c2a;
  --success-soft: #b2ccb9;
  --warning: #8a5200;
  --warning-soft: #d8c39c;
  --info: #063372;
  --info-soft: #b3c0d5;
  --border-default: #000000;
  --border-strong: #000000;
  --border-subtle: #6e6e6e;
  --shadow-sm: 2px 2px 0 #000000;
  --shadow-md: 3px 3px 0 #000000;
  --shadow-lg: 5px 5px 0 #000000;
  --sidebar-background: #8f8f8f;
  --sidebar-icon-color: #063372;
  --folder-glyph-color: #ff8a00;
  --window-bar-background: #063372;
  --window-bar-text: #ffffff;
}
[data-theme-preview="workbench"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 3.5h4v1.5h9v8h-13z'/%3E%3C/svg%3E");
  --font-ui: "Topaz-8", "IBM Plex Mono", "Courier New", ui-monospace, monospace;
  --font-display: "Topaz-8", "IBM Plex Mono", "Courier New", ui-monospace, monospace;
  --font-mono: "Topaz-8", "IBM Plex Mono", "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.02em;
  --radius-xs: 0px;
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --radius-pill: 0px;
  --duration-fast: 0ms;
  --duration-medium: 60ms;
  --surface-window: #20293a;
  --surface-content: #161d29;
  --surface-raised: #2b3548;
  --surface-sunken: #10151f;
  --surface-translucent: #2b3548;
  --surface-hover: color-mix(in srgb, #5f9bff 16%, transparent);
  --surface-selected: color-mix(in srgb, #5f9bff 26%, transparent);
  --surface-blur: 0px;
  --window-background: #20293a;
  --text-primary: #f0f0f0;
  --text-muted: #b6bdc9;
  --text-faint: #808a9a;
  --text-on-accent: #04101f;
  --text-link: #5f9bff;
  --accent: #5f9bff;
  --accent-hover: #7cafff;
  --accent-pressed: #99c3ff;
  --accent-soft: color-mix(in srgb, #5f9bff 22%, transparent);
  --accent-secondary: #ff9d33;
  --focus-ring: #5f9bff;
  --danger: #ff8078;
  --danger-hover: #ff988f;
  --danger-soft: #351413;
  --success: #57c97a;
  --success-soft: #14271a;
  --warning: #e3b341;
  --warning-soft: #2b2413;
  --info: #5f9bff;
  --info-soft: #16233a;
  --border-default: #000000;
  --border-strong: #000000;
  --border-subtle: #3a475e;
  --shadow-sm: 2px 2px 0 #000000;
  --shadow-md: 3px 3px 0 #000000;
  --shadow-lg: 5px 5px 0 #000000;
  --sidebar-background: #1b2331;
  --sidebar-icon-color: #5f9bff;
  --folder-glyph-color: #ff9d33;
  --window-bar-background: #0b1830;
  --window-bar-text: #f0f0f0;
}

/* BeOS — Cheerful yellow tabs */
[data-theme-preview="beos"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.2 5.2a2 2 0 0 1 2-2h1.9l1.4 1.6h4.3a2 2 0 0 1 2 2v4.4a2 2 0 0 1-2 2H4.2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
  --font-ui: "Swiss721 BT", "Helvetica Neue", "Nimbus Sans", "Arimo", system-ui, sans-serif;
  --font-display: "Swiss721 BT", "Helvetica Neue", "Nimbus Sans", system-ui, sans-serif;
  --font-mono: "DejaVu Sans Mono", "Consolas", ui-monospace, monospace;
  --letter-spacing-display: normal;
  --radius-xs: 2px;
  --radius-sm: 3px;
  --radius-md: 3px;
  --radius-lg: 4px;
  --radius-pill: 999px;
  --surface-window: #d8d8d8;
  --surface-content: #ffffff;
  --surface-raised: #e8e8e8;
  --surface-sunken: #c8c8c8;
  --surface-translucent: color-mix(in srgb, #e8e8e8 82%, transparent);
  --surface-hover: color-mix(in srgb, #0f5fbf 10%, transparent);
  --surface-selected: color-mix(in srgb, #0f5fbf 18%, transparent);
  --surface-blur: 0px;
  --window-background: #d8d8d8;
  --text-primary: #1a1a1a;
  --text-muted: #454545;
  --text-faint: #6e6e6e;
  --text-on-accent: #ffffff;
  --text-link: #0f5fbf;
  --accent: #0f5fbf;
  --accent-hover: #0d519f;
  --accent-pressed: #0a4382;
  --accent-soft: color-mix(in srgb, #0f5fbf 12%, transparent);
  --accent-secondary: #f5c400;
  --focus-ring: #0f5fbf;
  --danger: #b81c22;
  --danger-hover: #9c161b;
  --danger-soft: #f4dcdc;
  --success: #1a7f37;
  --success-soft: #e0f0e5;
  --warning: #9a6b00;
  --warning-soft: #f6eccf;
  --info: #0f5fbf;
  --info-soft: #e0ecf8;
  --border-default: #b0b0b0;
  --border-strong: #808080;
  --border-subtle: #cccccc;
  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 14%, transparent);
  --shadow-md: 0 3px 10px color-mix(in srgb, #000000 20%, transparent);
  --shadow-lg: 0 10px 26px color-mix(in srgb, #000000 28%, transparent);
  --sidebar-background: #dedede;
  --sidebar-icon-color: #0f5fbf;
  --folder-glyph-color: #ffcc00;
  --window-bar-background: #d8d8d8;
  --tab-active-background: #f5c400;
  --tab-active-text: #1a1a1a;
}
[data-theme-preview="beos"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.2 5.2a2 2 0 0 1 2-2h1.9l1.4 1.6h4.3a2 2 0 0 1 2 2v4.4a2 2 0 0 1-2 2H4.2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
  --font-ui: "Swiss721 BT", "Helvetica Neue", "Nimbus Sans", "Arimo", system-ui, sans-serif;
  --font-display: "Swiss721 BT", "Helvetica Neue", "Nimbus Sans", system-ui, sans-serif;
  --font-mono: "DejaVu Sans Mono", "Consolas", ui-monospace, monospace;
  --letter-spacing-display: normal;
  --radius-xs: 2px;
  --radius-sm: 3px;
  --radius-md: 3px;
  --radius-lg: 4px;
  --radius-pill: 999px;
  --surface-window: #2c2c2c;
  --surface-content: #222222;
  --surface-raised: #383838;
  --surface-sunken: #191919;
  --surface-translucent: color-mix(in srgb, #383838 82%, transparent);
  --surface-hover: color-mix(in srgb, #4d9dff 14%, transparent);
  --surface-selected: color-mix(in srgb, #4d9dff 24%, transparent);
  --surface-blur: 0px;
  --window-background: #2c2c2c;
  --text-primary: #f0f0f0;
  --text-muted: #b5b5b5;
  --text-faint: #8a8a8a;
  --text-on-accent: #04121f;
  --text-link: #4d9dff;
  --accent: #4d9dff;
  --accent-hover: #6bafff;
  --accent-pressed: #89c1ff;
  --accent-soft: color-mix(in srgb, #4d9dff 22%, transparent);
  --accent-secondary: #ffd633;
  --focus-ring: #4d9dff;
  --danger: #ff8078;
  --danger-hover: #ff988f;
  --danger-soft: #341413;
  --success: #57c97a;
  --success-soft: #14271a;
  --warning: #e3b341;
  --warning-soft: #2b2413;
  --info: #4d9dff;
  --info-soft: #16283f;
  --border-default: #4a4a4a;
  --border-strong: #646464;
  --border-subtle: #383838;
  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 45%, transparent);
  --shadow-md: 0 3px 10px color-mix(in srgb, #000000 55%, transparent);
  --shadow-lg: 0 10px 26px color-mix(in srgb, #000000 65%, transparent);
  --sidebar-background: #262626;
  --sidebar-icon-color: #4d9dff;
  --folder-glyph-color: #ffd633;
  --window-bar-background: #2c2c2c;
  --tab-active-background: #ffd633;
  --tab-active-text: #1a1a1a;
}

/* Motif — CDE teal-and-tan bevels */
[data-theme-preview="motif"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 3.5h4v1.5h9v8h-13z'/%3E%3C/svg%3E");
  --font-ui: "DejaVu Sans Mono", "Liberation Mono", "Courier New", ui-monospace, monospace;
  --font-display: "DejaVu Sans Mono", "Liberation Mono", ui-monospace, monospace;
  --font-mono: "DejaVu Sans Mono", "Liberation Mono", "Courier New", ui-monospace, monospace;
  --letter-spacing-display: normal;
  --radius-xs: 0px;
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --radius-pill: 0px;
  --surface-window: #b8b09c;
  --surface-content: #e6e0d2;
  --surface-raised: #cbc3ae;
  --surface-sunken: #a49c88;
  --surface-translucent: #cbc3ae;
  --surface-hover: color-mix(in srgb, #1c6060 12%, transparent);
  --surface-selected: color-mix(in srgb, #1c6060 22%, transparent);
  --surface-blur: 0px;
  --window-background: #b8b09c;
  --text-primary: #1a1a17;
  --text-muted: #3a382f;
  --text-faint: #5c5949;
  --text-on-accent: #ffffff;
  --text-link: #12484d;
  --accent: #1c6060;
  --accent-hover: #164e4e;
  --accent-pressed: #113d3d;
  --accent-soft: color-mix(in srgb, #1c6060 18%, transparent);
  --accent-secondary: #7a6a3a;
  --focus-ring: #12484d;
  --danger: #8a2016;
  --danger-hover: #711a12;
  --danger-soft: #d9bcb6;
  --success: #2a5c1f;
  --success-soft: #c3cdb2;
  --warning: #7a5600;
  --warning-soft: #cfc39c;
  --info: #12484d;
  --info-soft: #b6c6c6;
  --border-default: #7a7362;
  --border-strong: #4a4638;
  --border-subtle: #9a927e;
  --shadow-sm: 1px 1px 0 color-mix(in srgb, #000000 26%, transparent);
  --shadow-md: 2px 2px 0 color-mix(in srgb, #000000 34%, transparent);
  --shadow-lg: 3px 3px 0 color-mix(in srgb, #000000 42%, transparent);
  --sidebar-background: #aea691;
  --sidebar-icon-color: #12484d;
  --folder-glyph-color: #b89b5e;
}
[data-theme-preview="motif"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 3.5h4v1.5h9v8h-13z'/%3E%3C/svg%3E");
  --font-ui: "DejaVu Sans Mono", "Liberation Mono", "Courier New", ui-monospace, monospace;
  --font-display: "DejaVu Sans Mono", "Liberation Mono", ui-monospace, monospace;
  --font-mono: "DejaVu Sans Mono", "Liberation Mono", "Courier New", ui-monospace, monospace;
  --letter-spacing-display: normal;
  --radius-xs: 0px;
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --radius-pill: 0px;
  --surface-window: #33342e;
  --surface-content: #282923;
  --surface-raised: #41423a;
  --surface-sunken: #1e1f1a;
  --surface-translucent: #41423a;
  --surface-hover: color-mix(in srgb, #57b0af 14%, transparent);
  --surface-selected: color-mix(in srgb, #57b0af 24%, transparent);
  --surface-blur: 0px;
  --window-background: #33342e;
  --text-primary: #edeee6;
  --text-muted: #b7b9ac;
  --text-faint: #85877b;
  --text-on-accent: #04141a;
  --text-link: #57b0af;
  --accent: #57b0af;
  --accent-hover: #71bfbe;
  --accent-pressed: #8bcece;
  --accent-soft: color-mix(in srgb, #57b0af 22%, transparent);
  --accent-secondary: #c2ab6e;
  --focus-ring: #57b0af;
  --danger: #ff8078;
  --danger-hover: #ff988f;
  --danger-soft: #341413;
  --success: #7bbf5e;
  --success-soft: #1e2714;
  --warning: #e3b341;
  --warning-soft: #2b2413;
  --info: #57b0af;
  --info-soft: #163332;
  --border-default: #5a5b50;
  --border-strong: #7a7c6c;
  --border-subtle: #43443b;
  --shadow-sm: 1px 1px 0 color-mix(in srgb, #000000 50%, transparent);
  --shadow-md: 2px 2px 0 color-mix(in srgb, #000000 58%, transparent);
  --shadow-lg: 3px 3px 0 color-mix(in srgb, #000000 66%, transparent);
  --sidebar-background: #2d2e28;
  --sidebar-icon-color: #57b0af;
  --folder-glyph-color: #c9b98f;
}

/* Metro — Windows 8 flat tiles */
[data-theme-preview="metro"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.8h6l1.6 2.6h7.4v7.8H1z'/%3E%3C/svg%3E");
  --font-ui: "Segoe UI", "Segoe UI Variable", "Open Sans", "Arimo", system-ui, sans-serif;
  --font-display: "Segoe UI Light", "Segoe UI", "Open Sans", system-ui, sans-serif;
  --font-mono: "Consolas", "DejaVu Sans Mono", ui-monospace, monospace;
  --letter-spacing-display: 0.02em;
  --radius-xs: 0px;
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --radius-pill: 0px;
  --surface-window: #ffffff;
  --surface-content: #ffffff;
  --surface-raised: #f2f2f2;
  --surface-sunken: #ebebeb;
  --surface-translucent: color-mix(in srgb, #ffffff 80%, transparent);
  --surface-hover: color-mix(in srgb, #005a9e 10%, transparent);
  --surface-selected: color-mix(in srgb, #005a9e 16%, transparent);
  --surface-blur: 0px;
  --window-background: #ffffff;
  --text-primary: #000000;
  --text-muted: #4a4a4a;
  --text-faint: #767676;
  --text-on-accent: #ffffff;
  --text-link: #005a9e;
  --accent: #005a9e;
  --accent-hover: #004c85;
  --accent-pressed: #003e6c;
  --accent-soft: color-mix(in srgb, #005a9e 12%, transparent);
  --accent-secondary: #00a4ef;
  --focus-ring: #005a9e;
  --danger: #c01c28;
  --danger-hover: #a4141f;
  --danger-soft: #f8e0e0;
  --success: #107c10;
  --success-soft: #dcefdc;
  --warning: #9a6500;
  --warning-soft: #f6ead0;
  --info: #005a9e;
  --info-soft: #dfeaf4;
  --border-default: #d6d6d6;
  --border-strong: #a6a6a6;
  --border-subtle: #ebebeb;
  --shadow-sm: none;
  --shadow-md: 0 2px 6px color-mix(in srgb, #000000 12%, transparent);
  --shadow-lg: 0 8px 20px color-mix(in srgb, #000000 18%, transparent);
  --sidebar-background: #f2f2f2;
  --sidebar-icon-color: #005a9e;
  --folder-glyph-color: #ffb900;
  --window-bar-background: #005a9e;
  --window-bar-text: #ffffff;
}
[data-theme-preview="metro"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.8h6l1.6 2.6h7.4v7.8H1z'/%3E%3C/svg%3E");
  --font-ui: "Segoe UI", "Segoe UI Variable", "Open Sans", "Arimo", system-ui, sans-serif;
  --font-display: "Segoe UI Light", "Segoe UI", "Open Sans", system-ui, sans-serif;
  --font-mono: "Consolas", "DejaVu Sans Mono", ui-monospace, monospace;
  --letter-spacing-display: 0.02em;
  --radius-xs: 0px;
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --radius-pill: 0px;
  --surface-window: #000000;
  --surface-content: #1a1a1a;
  --surface-raised: #262626;
  --surface-sunken: #0d0d0d;
  --surface-translucent: color-mix(in srgb, #1a1a1a 80%, transparent);
  --surface-hover: color-mix(in srgb, #4cc2ff 12%, transparent);
  --surface-selected: color-mix(in srgb, #4cc2ff 20%, transparent);
  --surface-blur: 0px;
  --window-background: #000000;
  --text-primary: #ffffff;
  --text-muted: #bcbcbc;
  --text-faint: #8a8a8a;
  --text-on-accent: #04121f;
  --text-link: #4cc2ff;
  --accent: #4cc2ff;
  --accent-hover: #6bcfff;
  --accent-pressed: #8adaff;
  --accent-soft: color-mix(in srgb, #4cc2ff 20%, transparent);
  --accent-secondary: #00a4ef;
  --focus-ring: #4cc2ff;
  --danger: #ff7a70;
  --danger-hover: #ff958c;
  --danger-soft: #341312;
  --success: #57c97a;
  --success-soft: #14271a;
  --warning: #e3b341;
  --warning-soft: #2b2413;
  --info: #4cc2ff;
  --info-soft: #16283f;
  --border-default: #333333;
  --border-strong: #555555;
  --border-subtle: #222222;
  --shadow-sm: none;
  --shadow-md: 0 2px 6px color-mix(in srgb, #000000 55%, transparent);
  --shadow-lg: 0 8px 20px color-mix(in srgb, #000000 65%, transparent);
  --sidebar-background: #141414;
  --sidebar-icon-color: #4cc2ff;
  --folder-glyph-color: #ffc83d;
  --window-bar-background: #000000;
  --window-bar-text: #ffffff;
}

/* Chromio — ChromeOS rounded pills */
[data-theme-preview="chromio"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.2 5.2a2 2 0 0 1 2-2h1.9l1.4 1.6h4.3a2 2 0 0 1 2 2v4.4a2 2 0 0 1-2 2H4.2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
  --font-ui: "Roboto", "Arimo", "Noto Sans", system-ui, sans-serif;
  --font-display: "Roboto", "Arimo", "Noto Sans", system-ui, sans-serif;
  --font-mono: "Roboto Mono", "JetBrains Mono", ui-monospace, monospace;
  --letter-spacing-display: normal;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --space-sm: 0.875rem;
  --space-md: 1.25rem;
  --space-lg: 1.75rem;
  --space-xl: 2.5rem;
  --surface-window: #f1f3f4;
  --surface-content: #ffffff;
  --surface-raised: #ffffff;
  --surface-sunken: #e8eaed;
  --surface-translucent: color-mix(in srgb, #ffffff 74%, transparent);
  --surface-hover: color-mix(in srgb, #1668d6 8%, transparent);
  --surface-selected: color-mix(in srgb, #1668d6 14%, transparent);
  --surface-blur: 8px;
  --text-primary: #202124;
  --text-muted: #5b5f63;
  --text-faint: #80868b;
  --text-on-accent: #ffffff;
  --text-link: #1668d6;
  --accent: #1668d6;
  --accent-hover: #135ac0;
  --accent-pressed: #104ca6;
  --accent-soft: color-mix(in srgb, #1668d6 12%, transparent);
  --accent-secondary: #1e8e3e;
  --focus-ring: #1668d6;
  --danger: #c5221f;
  --danger-hover: #a81a17;
  --danger-soft: #fce8e6;
  --success: #1e8e3e;
  --success-soft: #e6f4ea;
  --warning: #b06000;
  --warning-soft: #feefe3;
  --info: #1668d6;
  --info-soft: #e8f0fe;
  --border-default: #dadce0;
  --border-strong: #bdc1c6;
  --border-subtle: #e8eaed;
  --shadow-sm: 0 1px 2px color-mix(in srgb, #3c4043 18%, transparent);
  --shadow-md: 0 2px 6px color-mix(in srgb, #3c4043 20%, transparent), 0 1px 2px color-mix(in srgb, #3c4043 12%, transparent);
  --shadow-lg: 0 8px 24px color-mix(in srgb, #3c4043 24%, transparent), 0 2px 6px color-mix(in srgb, #3c4043 14%, transparent);
  --sidebar-background: #f1f3f4;
  --sidebar-icon-color: #5b5f63;
  --folder-glyph-color: #f9ab00;
}
[data-theme-preview="chromio"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.2 5.2a2 2 0 0 1 2-2h1.9l1.4 1.6h4.3a2 2 0 0 1 2 2v4.4a2 2 0 0 1-2 2H4.2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
  --font-ui: "Roboto", "Arimo", "Noto Sans", system-ui, sans-serif;
  --font-display: "Roboto", "Arimo", "Noto Sans", system-ui, sans-serif;
  --font-mono: "Roboto Mono", "JetBrains Mono", ui-monospace, monospace;
  --letter-spacing-display: normal;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --space-sm: 0.875rem;
  --space-md: 1.25rem;
  --space-lg: 1.75rem;
  --space-xl: 2.5rem;
  --surface-window: #202124;
  --surface-content: #292a2d;
  --surface-raised: #35363a;
  --surface-sunken: #171717;
  --surface-translucent: color-mix(in srgb, #35363a 74%, transparent);
  --surface-hover: color-mix(in srgb, #8ab4f8 12%, transparent);
  --surface-selected: color-mix(in srgb, #8ab4f8 20%, transparent);
  --surface-blur: 8px;
  --text-primary: #e8eaed;
  --text-muted: #b4b7bb;
  --text-faint: #80868b;
  --text-on-accent: #0a1626;
  --text-link: #8ab4f8;
  --accent: #8ab4f8;
  --accent-hover: #a3c5fa;
  --accent-pressed: #bcd6fc;
  --accent-soft: color-mix(in srgb, #8ab4f8 20%, transparent);
  --accent-secondary: #81c995;
  --focus-ring: #8ab4f8;
  --danger: #f28b82;
  --danger-hover: #f5a49d;
  --danger-soft: #351816;
  --success: #81c995;
  --success-soft: #14271a;
  --warning: #fdd663;
  --warning-soft: #2b2413;
  --info: #8ab4f8;
  --info-soft: #17233a;
  --border-default: #3c4043;
  --border-strong: #5f6368;
  --border-subtle: #2a2b2e;
  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 45%, transparent);
  --shadow-md: 0 2px 6px color-mix(in srgb, #000000 50%, transparent), 0 1px 2px color-mix(in srgb, #000000 40%, transparent);
  --shadow-lg: 0 8px 24px color-mix(in srgb, #000000 60%, transparent), 0 2px 6px color-mix(in srgb, #000000 45%, transparent);
  --sidebar-background: #202124;
  --sidebar-icon-color: #b4b7bb;
  --folder-glyph-color: #fdd663;
}

/* Phosphor — A glowing CRT terminal */
[data-theme-preview="phosphor"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 3.5h4v1.5h9v8h-13z'/%3E%3C/svg%3E");
  --font-ui: "JetBrains Mono", "IBM Plex Mono", "Cascadia Code", ui-monospace, monospace;
  --font-display: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;
  --font-mono: "JetBrains Mono", "IBM Plex Mono", "Cascadia Code", ui-monospace, monospace;
  --letter-spacing-display: 0.04em;
  --radius-xs: 0;
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-pill: 0;
  --surface-window: #e8e5d4;
  --surface-content: #f1eee0;
  --surface-raised: #f7f4e9;
  --surface-sunken: #ddd9c6;
  --surface-translucent: color-mix(in srgb, #f1eee0 90%, transparent);
  --surface-overlay: color-mix(in srgb, #1f6b2e 8%, transparent);
  --surface-scrim: color-mix(in srgb, #123d1c 30%, transparent);
  --surface-hover: color-mix(in srgb, #1f6b2e 10%, transparent);
  --surface-selected: color-mix(in srgb, #1f6b2e 20%, transparent);
  --surface-blur: 0px;
  --surface-texture: repeating-linear-gradient(to bottom, color-mix(in srgb, #1f6b2e 5%, transparent) 0, color-mix(in srgb, #1f6b2e 5%, transparent) 1px, transparent 1px, transparent 3px);
  --window-background: #e8e5d4;
  --text-primary: #123d1c;
  --text-muted: #2f5a2a;
  --text-faint: #5a7250;
  --text-disabled: color-mix(in srgb, #123d1c 40%, transparent);
  --text-on-accent: #ffffff;
  --text-link: #1f6b2e;
  --accent: #1f6b2e;
  --accent-hover: #185623;
  --accent-pressed: #12451b;
  --accent-soft: color-mix(in srgb, #1f6b2e 12%, transparent);
  --accent-secondary: #1f6b2e;
  --focus-ring: #1f6b2e;
  --danger: #a3271b;
  --danger-hover: #861f15;
  --danger-soft: #f3ddd8;
  --success: #1f6b2e;
  --success-soft: #dcecd9;
  --warning: #8a5a00;
  --warning-soft: #f2e6cf;
  --info: #1f6b2e;
  --info-soft: #dcecd9;
  --border-default: color-mix(in srgb, #123d1c 22%, transparent);
  --border-strong: color-mix(in srgb, #123d1c 38%, transparent);
  --border-subtle: color-mix(in srgb, #123d1c 12%, transparent);
  --shadow-sm: 0 1px 0 color-mix(in srgb, #123d1c 18%, transparent);
  --shadow-md: 0 2px 0 color-mix(in srgb, #123d1c 16%, transparent);
  --shadow-lg: 0 4px 0 color-mix(in srgb, #123d1c 16%, transparent);
  --sidebar-background: #e2dfcd;
  --sidebar-icon-color: #1f6b2e;
  --folder-glyph-color: #1f6b2e;
  --listing-background-wash: none;
  --listing-row-selected-background: #1f6b2e;
  --listing-row-selected-text: #ffffff;
  --menu-background: #f7f4e9;
  --menu-shadow: 0 2px 0 color-mix(in srgb, #123d1c 20%, transparent);
  --context-menu-accent-cut: #1f6b2e;
  --context-menu-accent-copy: #1f6b2e;
  --context-menu-accent-paste: #1f6b2e;
  --context-menu-accent-rename: #8a5a00;
  --context-menu-accent-properties: #185623;
}
[data-theme-preview="phosphor"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 3.5h4v1.5h9v8h-13z'/%3E%3C/svg%3E");
  --font-ui: "JetBrains Mono", "IBM Plex Mono", "Cascadia Code", ui-monospace, monospace;
  --font-display: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;
  --font-mono: "JetBrains Mono", "IBM Plex Mono", "Cascadia Code", ui-monospace, monospace;
  --letter-spacing-display: 0.04em;
  --radius-xs: 0;
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-pill: 0;
  --surface-window: #020a03;
  --surface-content: #04120a;
  --surface-raised: #08200f;
  --surface-sunken: #010704;
  --surface-translucent: color-mix(in srgb, #04120a 88%, transparent);
  --surface-overlay: color-mix(in srgb, #28e070 8%, transparent);
  --surface-scrim: color-mix(in srgb, #000000 72%, transparent);
  --surface-hover: color-mix(in srgb, #28e070 12%, transparent);
  --surface-selected: color-mix(in srgb, #28e070 26%, transparent);
  --surface-blur: 0px;
  --surface-texture: repeating-linear-gradient(to bottom, color-mix(in srgb, #28e070 7%, transparent) 0, color-mix(in srgb, #28e070 7%, transparent) 1px, transparent 1px, transparent 3px);
  --window-background: radial-gradient(ellipse at 50% 0%, #06170c 0%, #020a03 78%);
  --text-primary: #4dff88;
  --text-muted: #33cc66;
  --text-faint: #1f9a4a;
  --text-disabled: color-mix(in srgb, #4dff88 40%, transparent);
  --text-on-accent: #021206;
  --text-link: #6bffa0;
  --accent: #28e070;
  --accent-hover: #45ff8b;
  --accent-pressed: #62ffa0;
  --accent-soft: color-mix(in srgb, #28e070 20%, transparent);
  --accent-secondary: #28e070;
  --focus-ring: #28e070;
  --danger: #ff6a5c;
  --danger-hover: #ff8578;
  --danger-soft: color-mix(in srgb, #ff6a5c 18%, transparent);
  --success: #28e070;
  --success-soft: color-mix(in srgb, #28e070 16%, transparent);
  --warning: #ffcf4d;
  --warning-soft: color-mix(in srgb, #ffcf4d 16%, transparent);
  --info: #4dff88;
  --info-soft: color-mix(in srgb, #4dff88 16%, transparent);
  --border-default: color-mix(in srgb, #28e070 26%, transparent);
  --border-strong: color-mix(in srgb, #28e070 46%, transparent);
  --border-subtle: color-mix(in srgb, #28e070 14%, transparent);
  --shadow-sm: 0 0 4px color-mix(in srgb, #28e070 40%, transparent);
  --shadow-md: 0 0 14px color-mix(in srgb, #28e070 34%, transparent);
  --shadow-lg: 0 0 28px color-mix(in srgb, #28e070 40%, transparent);
  --sidebar-background: #030e05;
  --sidebar-icon-color: #28e070;
  --folder-glyph-color: #45ff8b;
  --listing-background-wash: none;
  --listing-row-selected-background: #28e070;
  --listing-row-selected-text: #021206;
  --menu-background: #04120a;
  --menu-shadow: 0 0 20px color-mix(in srgb, #28e070 30%, transparent);
  --context-menu-accent-cut: #28e070;
  --context-menu-accent-copy: #28e070;
  --context-menu-accent-paste: #28e070;
  --context-menu-accent-rename: #ffcf4d;
  --context-menu-accent-properties: #6bffa0;
}

/* Dracula — Dense IDE in violet dark */
[data-theme-preview="dracula"][data-scheme="light"] {
  --font-ui: "JetBrains Mono", "Fira Code", "Cascadia Code", ui-monospace, monospace;
  --font-display: "JetBrains Mono", "Fira Code", ui-monospace, monospace;
  --font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", ui-monospace, monospace;
  --letter-spacing-display: normal;
  --radius-sm: 3px;
  --radius-md: 5px;
  --radius-lg: 7px;
  --space-xs: 0.4rem;
  --space-sm: 0.6rem;
  --space-md: 0.85rem;
  --window-bar-height: 2.2rem;
  --topbar-height: 2.7rem;
  --surface-window: #e8e9ec;
  --surface-content: #f4f4f2;
  --surface-raised: #ffffff;
  --surface-sunken: #dcdde2;
  --surface-translucent: color-mix(in srgb, #f4f4f2 88%, transparent);
  --surface-overlay: color-mix(in srgb, #20222b 8%, transparent);
  --surface-scrim: color-mix(in srgb, #20222b 32%, transparent);
  --surface-hover: color-mix(in srgb, #7d3ff2 10%, transparent);
  --surface-selected: color-mix(in srgb, #7d3ff2 16%, transparent);
  --surface-blur: 0px;
  --text-primary: #20222b;
  --text-muted: #4c5168;
  --text-faint: #7b7f96;
  --text-disabled: color-mix(in srgb, #20222b 40%, transparent);
  --text-on-accent: #ffffff;
  --text-link: #7d3ff2;
  --accent: #7d3ff2;
  --accent-hover: #6a2fd8;
  --accent-pressed: #5b27bd;
  --accent-soft: color-mix(in srgb, #7d3ff2 12%, transparent);
  --accent-secondary: #c42d94;
  --focus-ring: #7d3ff2;
  --danger: #c62f2f;
  --danger-hover: #a82626;
  --danger-soft: #f7dede;
  --success: #167a3a;
  --success-soft: #dcefe2;
  --warning: #8a6a00;
  --warning-soft: #f3eccf;
  --info: #1667c2;
  --info-soft: #e0ecf9;
  --border-default: color-mix(in srgb, #20222b 12%, transparent);
  --border-strong: color-mix(in srgb, #20222b 20%, transparent);
  --border-subtle: color-mix(in srgb, #20222b 6%, transparent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, #20222b 12%, transparent);
  --shadow-md: 0 6px 18px color-mix(in srgb, #20222b 16%, transparent);
  --shadow-lg: 0 16px 40px color-mix(in srgb, #20222b 22%, transparent);
  --sidebar-background: #ededf0;
  --sidebar-icon-color: #7d3ff2;
  --folder-glyph-color: #c47b2f;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #7d3ff2 16%, transparent);
  --listing-row-selected-text: #20222b;
  --tab-active-background: #f4f4f2;
  --tab-inactive-text: #7b7f96;
  --menu-background: #ffffff;
  --menu-shadow: 0 8px 24px color-mix(in srgb, #20222b 18%, transparent);
  --context-menu-accent-cut: #1667c2;
  --context-menu-accent-copy: #1667c2;
  --context-menu-accent-paste: #167a3a;
  --context-menu-accent-rename: #a8620a;
  --context-menu-accent-properties: #7d3ff2;
  --context-menu-accent-share: #c42d94;
}
[data-theme-preview="dracula"][data-scheme="dark"] {
  --font-ui: "JetBrains Mono", "Fira Code", "Cascadia Code", ui-monospace, monospace;
  --font-display: "JetBrains Mono", "Fira Code", ui-monospace, monospace;
  --font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", ui-monospace, monospace;
  --letter-spacing-display: normal;
  --radius-sm: 3px;
  --radius-md: 5px;
  --radius-lg: 7px;
  --space-xs: 0.4rem;
  --space-sm: 0.6rem;
  --space-md: 0.85rem;
  --window-bar-height: 2.2rem;
  --topbar-height: 2.7rem;
  --surface-window: #21222c;
  --surface-content: #282a36;
  --surface-raised: #343746;
  --surface-sunken: #191a21;
  --surface-translucent: color-mix(in srgb, #282a36 82%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 40%, transparent);
  --surface-scrim: color-mix(in srgb, #000000 60%, transparent);
  --surface-hover: color-mix(in srgb, #bd93f9 14%, transparent);
  --surface-selected: color-mix(in srgb, #bd93f9 26%, transparent);
  --surface-blur: 0px;
  --text-primary: #f8f8f2;
  --text-muted: #9aa3c4;
  --text-faint: #6272a4;
  --text-disabled: color-mix(in srgb, #f8f8f2 38%, transparent);
  --text-on-accent: #21222c;
  --text-link: #8be9fd;
  --accent: #bd93f9;
  --accent-hover: #caa5fb;
  --accent-pressed: #d6b8fc;
  --accent-soft: color-mix(in srgb, #bd93f9 22%, transparent);
  --accent-secondary: #ff79c6;
  --focus-ring: #bd93f9;
  --danger: #ff6b6b;
  --danger-hover: #ff8585;
  --danger-soft: color-mix(in srgb, #ff5555 20%, transparent);
  --success: #50fa7b;
  --success-soft: color-mix(in srgb, #50fa7b 16%, transparent);
  --warning: #f1fa8c;
  --warning-soft: color-mix(in srgb, #f1fa8c 16%, transparent);
  --info: #8be9fd;
  --info-soft: color-mix(in srgb, #8be9fd 16%, transparent);
  --border-default: color-mix(in srgb, #ffffff 10%, transparent);
  --border-strong: color-mix(in srgb, #ffffff 18%, transparent);
  --border-subtle: color-mix(in srgb, #ffffff 5%, transparent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 45%, transparent);
  --shadow-md: 0 6px 18px color-mix(in srgb, #000000 55%, transparent);
  --shadow-lg: 0 16px 40px color-mix(in srgb, #000000 65%, transparent);
  --sidebar-background: #1e1f28;
  --sidebar-icon-color: #bd93f9;
  --folder-glyph-color: #ffb86c;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #bd93f9 30%, transparent);
  --listing-row-selected-text: #f8f8f2;
  --tab-active-background: #282a36;
  --tab-inactive-text: #6272a4;
  --menu-background: #282a36;
  --menu-shadow: 0 8px 24px color-mix(in srgb, #000000 60%, transparent);
  --context-menu-accent-cut: #8be9fd;
  --context-menu-accent-copy: #8be9fd;
  --context-menu-accent-paste: #50fa7b;
  --context-menu-accent-rename: #ffb86c;
  --context-menu-accent-properties: #bd93f9;
  --context-menu-accent-share: #ff79c6;
}

/* Nord — Arctic frost, softly blurred */
[data-theme-preview="nord"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 4.5h4l1.2 1.4h6.8v7.1a0.8 0.8 0 0 1-0.8 0.8H2.8a0.8 0.8 0 0 1-0.8-0.8z'/%3E%3C/svg%3E");
  --font-ui: "Inter", "Segoe UI", system-ui, sans-serif;
  --font-display: "Inter", "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "Cascadia Code", ui-monospace, monospace;
  --letter-spacing-display: -0.005em;
  --radius-sm: 7px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-pill: 999px;
  --space-sm: 0.85rem;
  --space-md: 1.15rem;
  --space-lg: 1.75rem;
  --surface-window: #e5e9f0;
  --surface-content: #eceff4;
  --surface-raised: #ffffff;
  --surface-sunken: #d8dee9;
  --surface-translucent: color-mix(in srgb, #eceff4 70%, transparent);
  --surface-overlay: color-mix(in srgb, #2e3440 8%, transparent);
  --surface-scrim: color-mix(in srgb, #2e3440 28%, transparent);
  --surface-hover: color-mix(in srgb, #5e81ac 12%, transparent);
  --surface-selected: color-mix(in srgb, #5e81ac 18%, transparent);
  --surface-blur: 30px;
  --text-primary: #2e3440;
  --text-muted: #4c566a;
  --text-faint: #7b8494;
  --text-disabled: color-mix(in srgb, #2e3440 40%, transparent);
  --text-on-accent: #ffffff;
  --text-link: #4c6f9c;
  --accent: #4c6f9c;
  --accent-hover: #405e85;
  --accent-pressed: #354e70;
  --accent-soft: color-mix(in srgb, #4c6f9c 14%, transparent);
  --accent-secondary: #5e81ac;
  --focus-ring: #4c6f9c;
  --danger: #a11f28;
  --danger-hover: #881a22;
  --danger-soft: #f3dcde;
  --success: #3a6b2e;
  --success-soft: #e0ecda;
  --warning: #8a6410;
  --warning-soft: #f2e8d0;
  --info: #4c6f9c;
  --info-soft: #e0e8f2;
  --border-default: color-mix(in srgb, #2e3440 12%, transparent);
  --border-strong: color-mix(in srgb, #2e3440 20%, transparent);
  --border-subtle: color-mix(in srgb, #2e3440 6%, transparent);
  --shadow-sm: 0 1px 3px color-mix(in srgb, #2e3440 12%, transparent);
  --shadow-md: 0 10px 30px color-mix(in srgb, #2e3440 16%, transparent);
  --shadow-lg: 0 24px 60px color-mix(in srgb, #2e3440 22%, transparent);
  --sidebar-background: color-mix(in srgb, #e5e9f0 80%, #ffffff);
  --sidebar-icon-color: #4c6f9c;
  --folder-glyph-color: #5e81ac;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #5e81ac 18%, transparent);
  --listing-row-selected-text: #2e3440;
  --menu-background: color-mix(in srgb, #eceff4 82%, transparent);
  --menu-shadow: 0 12px 36px color-mix(in srgb, #2e3440 18%, transparent);
  --context-menu-accent-cut: #4c6f9c;
  --context-menu-accent-copy: #4c6f9c;
  --context-menu-accent-paste: #3a6b2e;
  --context-menu-accent-rename: #8a6410;
  --context-menu-accent-properties: #8a5a86;
}
[data-theme-preview="nord"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 4.5h4l1.2 1.4h6.8v7.1a0.8 0.8 0 0 1-0.8 0.8H2.8a0.8 0.8 0 0 1-0.8-0.8z'/%3E%3C/svg%3E");
  --font-ui: "Inter", "Segoe UI", system-ui, sans-serif;
  --font-display: "Inter", "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "Cascadia Code", ui-monospace, monospace;
  --letter-spacing-display: -0.005em;
  --radius-sm: 7px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-pill: 999px;
  --space-sm: 0.85rem;
  --space-md: 1.15rem;
  --space-lg: 1.75rem;
  --surface-window: #2e3440;
  --surface-content: #3b4252;
  --surface-raised: #434c5e;
  --surface-sunken: #272c36;
  --surface-translucent: color-mix(in srgb, #3b4252 62%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 34%, transparent);
  --surface-scrim: color-mix(in srgb, #2e3440 60%, transparent);
  --surface-hover: color-mix(in srgb, #88c0d0 14%, transparent);
  --surface-selected: color-mix(in srgb, #88c0d0 24%, transparent);
  --surface-blur: 30px;
  --text-primary: #eceff4;
  --text-muted: #c2cad8;
  --text-faint: #7b8494;
  --text-disabled: color-mix(in srgb, #eceff4 40%, transparent);
  --text-on-accent: #2e3440;
  --text-link: #88c0d0;
  --accent: #88c0d0;
  --accent-hover: #99cbd9;
  --accent-pressed: #a9d4e0;
  --accent-soft: color-mix(in srgb, #88c0d0 20%, transparent);
  --accent-secondary: #81a1c1;
  --focus-ring: #88c0d0;
  --danger: #efa0a7;
  --danger-hover: #f2b1b7;
  --danger-soft: color-mix(in srgb, #bf616a 26%, transparent);
  --success: #a3be8c;
  --success-soft: color-mix(in srgb, #a3be8c 18%, transparent);
  --warning: #ebcb8b;
  --warning-soft: color-mix(in srgb, #ebcb8b 18%, transparent);
  --info: #88c0d0;
  --info-soft: color-mix(in srgb, #88c0d0 18%, transparent);
  --border-default: color-mix(in srgb, #eceff4 12%, transparent);
  --border-strong: color-mix(in srgb, #eceff4 20%, transparent);
  --border-subtle: color-mix(in srgb, #eceff4 6%, transparent);
  --shadow-sm: 0 1px 3px color-mix(in srgb, #000000 35%, transparent);
  --shadow-md: 0 10px 30px color-mix(in srgb, #000000 45%, transparent);
  --shadow-lg: 0 24px 60px color-mix(in srgb, #000000 55%, transparent);
  --sidebar-background: color-mix(in srgb, #2e3440 82%, transparent);
  --sidebar-icon-color: #88c0d0;
  --folder-glyph-color: #88c0d0;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #88c0d0 26%, transparent);
  --listing-row-selected-text: #eceff4;
  --menu-background: color-mix(in srgb, #3b4252 78%, transparent);
  --menu-shadow: 0 12px 36px color-mix(in srgb, #000000 55%, transparent);
  --context-menu-accent-cut: #81a1c1;
  --context-menu-accent-copy: #81a1c1;
  --context-menu-accent-paste: #a3be8c;
  --context-menu-accent-rename: #ebcb8b;
  --context-menu-accent-properties: #b48ead;
}

/* Solarized — Calm precision tones */
[data-theme-preview="solarized"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 4.5h4l1.2 1.4h6.8v7.1a0.8 0.8 0 0 1-0.8 0.8H2.8a0.8 0.8 0 0 1-0.8-0.8z'/%3E%3C/svg%3E");
  --font-ui: "IBM Plex Sans", "Source Sans 3", system-ui, sans-serif;
  --font-display: "Roboto Slab", "Zilla Slab", "IBM Plex Serif", Georgia, serif;
  --font-mono: "IBM Plex Mono", "Cascadia Code", ui-monospace, monospace;
  --letter-spacing-display: 0.005em;
  --radius-sm: 3px;
  --radius-md: 4px;
  --radius-lg: 5px;
  --border-width: 1px;
  --surface-window: #fdf6e3;
  --surface-content: #f4eeda;
  --surface-raised: #fffbf0;
  --surface-sunken: #eee8d5;
  --surface-translucent: color-mix(in srgb, #fdf6e3 86%, transparent);
  --surface-overlay: color-mix(in srgb, #002b36 6%, transparent);
  --surface-scrim: color-mix(in srgb, #002b36 26%, transparent);
  --surface-hover: color-mix(in srgb, #1f75b0 10%, transparent);
  --surface-selected: color-mix(in srgb, #1f75b0 16%, transparent);
  --surface-blur: 0px;
  --text-primary: #3f5459;
  --text-muted: #586e75;
  --text-faint: #657b83;
  --text-disabled: color-mix(in srgb, #586e75 45%, transparent);
  --text-on-accent: #fdf6e3;
  --text-link: #1f75b0;
  --accent: #1f75b0;
  --accent-hover: #1a6398;
  --accent-pressed: #155280;
  --accent-soft: color-mix(in srgb, #1f75b0 12%, transparent);
  --accent-secondary: #2aa198;
  --focus-ring: #1f75b0;
  --danger: #c1201d;
  --danger-hover: #a51b18;
  --danger-soft: #f6ddd6;
  --success: #5a6a00;
  --success-soft: #ecebcf;
  --warning: #96700a;
  --warning-soft: #f2e9cd;
  --info: #1f75b0;
  --info-soft: #e0ecf3;
  --border-default: color-mix(in srgb, #002b36 12%, transparent);
  --border-strong: color-mix(in srgb, #002b36 20%, transparent);
  --border-subtle: color-mix(in srgb, #002b36 7%, transparent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, #586e75 18%, transparent);
  --shadow-md: 0 6px 18px color-mix(in srgb, #586e75 20%, transparent);
  --shadow-lg: 0 16px 40px color-mix(in srgb, #586e75 26%, transparent);
  --sidebar-background: #f6efd8;
  --sidebar-icon-color: #586e75;
  --folder-glyph-color: #b58900;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #1f75b0 16%, transparent);
  --listing-row-selected-text: #3f5459;
  --menu-background: #fffbf0;
  --menu-shadow: 0 8px 24px color-mix(in srgb, #586e75 22%, transparent);
  --context-menu-accent-cut: #1f75b0;
  --context-menu-accent-copy: #1f75b0;
  --context-menu-accent-paste: #5a6a00;
  --context-menu-accent-rename: #96700a;
  --context-menu-accent-properties: #5a54b0;
  --context-menu-accent-share: #b02368;
}
[data-theme-preview="solarized"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 4.5h4l1.2 1.4h6.8v7.1a0.8 0.8 0 0 1-0.8 0.8H2.8a0.8 0.8 0 0 1-0.8-0.8z'/%3E%3C/svg%3E");
  --font-ui: "IBM Plex Sans", "Source Sans 3", system-ui, sans-serif;
  --font-display: "Roboto Slab", "Zilla Slab", "IBM Plex Serif", Georgia, serif;
  --font-mono: "IBM Plex Mono", "Cascadia Code", ui-monospace, monospace;
  --letter-spacing-display: 0.005em;
  --radius-sm: 3px;
  --radius-md: 4px;
  --radius-lg: 5px;
  --border-width: 1px;
  --surface-window: #00212b;
  --surface-content: #002b36;
  --surface-raised: #073642;
  --surface-sunken: #001a22;
  --surface-translucent: color-mix(in srgb, #002b36 84%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 34%, transparent);
  --surface-scrim: color-mix(in srgb, #00161d 60%, transparent);
  --surface-hover: color-mix(in srgb, #3a9bdb 12%, transparent);
  --surface-selected: color-mix(in srgb, #3a9bdb 22%, transparent);
  --surface-blur: 0px;
  --text-primary: #a6b3b3;
  --text-muted: #839496;
  --text-faint: #586e75;
  --text-disabled: color-mix(in srgb, #839496 45%, transparent);
  --text-on-accent: #00212b;
  --text-link: #3a9bdb;
  --accent: #3a9bdb;
  --accent-hover: #55aae2;
  --accent-pressed: #6fb8e8;
  --accent-soft: color-mix(in srgb, #3a9bdb 18%, transparent);
  --accent-secondary: #2aa198;
  --focus-ring: #3a9bdb;
  --danger: #ea6a66;
  --danger-hover: #ef807c;
  --danger-soft: color-mix(in srgb, #dc322f 24%, transparent);
  --success: #859900;
  --success-soft: color-mix(in srgb, #859900 22%, transparent);
  --warning: #b58900;
  --warning-soft: color-mix(in srgb, #b58900 22%, transparent);
  --info: #2aa198;
  --info-soft: color-mix(in srgb, #2aa198 20%, transparent);
  --border-default: color-mix(in srgb, #93a1a1 16%, transparent);
  --border-strong: color-mix(in srgb, #93a1a1 28%, transparent);
  --border-subtle: color-mix(in srgb, #93a1a1 9%, transparent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 40%, transparent);
  --shadow-md: 0 6px 18px color-mix(in srgb, #000000 45%, transparent);
  --shadow-lg: 0 16px 40px color-mix(in srgb, #000000 55%, transparent);
  --sidebar-background: #001d26;
  --sidebar-icon-color: #839496;
  --folder-glyph-color: #b58900;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #3a9bdb 22%, transparent);
  --listing-row-selected-text: #a6b3b3;
  --menu-background: #073642;
  --menu-shadow: 0 8px 24px color-mix(in srgb, #000000 50%, transparent);
  --context-menu-accent-cut: #3a9bdb;
  --context-menu-accent-copy: #3a9bdb;
  --context-menu-accent-paste: #859900;
  --context-menu-accent-rename: #b58900;
  --context-menu-accent-properties: #6c71c4;
  --context-menu-accent-share: #d33682;
}

/* Gruvbox — Warm retro terminal */
[data-theme-preview="gruvbox"][data-scheme="light"] {
  --font-ui: "IBM Plex Mono", "JetBrains Mono", "Cascadia Code", ui-monospace, monospace;
  --font-display: "Zilla Slab", "Roboto Slab", "IBM Plex Serif", Georgia, serif;
  --font-mono: "IBM Plex Mono", "JetBrains Mono", ui-monospace, monospace;
  --letter-spacing-display: 0.01em;
  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-lg: 4px;
  --border-width: 2px;
  --surface-window: #ebdbb2;
  --surface-content: #fbf1c7;
  --surface-raised: #f9f5d7;
  --surface-sunken: #d5c4a1;
  --surface-translucent: color-mix(in srgb, #fbf1c7 88%, transparent);
  --surface-overlay: color-mix(in srgb, #282828 8%, transparent);
  --surface-scrim: color-mix(in srgb, #282828 30%, transparent);
  --surface-hover: color-mix(in srgb, #af3a03 10%, transparent);
  --surface-selected: color-mix(in srgb, #af3a03 16%, transparent);
  --surface-blur: 0px;
  --text-primary: #282828;
  --text-muted: #665c54;
  --text-faint: #7c6f64;
  --text-disabled: color-mix(in srgb, #282828 40%, transparent);
  --text-on-accent: #fbf1c7;
  --text-link: #af3a03;
  --accent: #af3a03;
  --accent-hover: #963103;
  --accent-pressed: #7c2802;
  --accent-soft: color-mix(in srgb, #af3a03 12%, transparent);
  --accent-secondary: #79740e;
  --focus-ring: #af3a03;
  --danger: #9d0006;
  --danger-hover: #820005;
  --danger-soft: #f3d9cf;
  --success: #79740e;
  --success-soft: #ecebc4;
  --warning: #b57614;
  --warning-soft: #f2e6c4;
  --info: #076678;
  --info-soft: #d9e9ec;
  --border-default: color-mix(in srgb, #282828 22%, transparent);
  --border-strong: color-mix(in srgb, #282828 38%, transparent);
  --border-subtle: color-mix(in srgb, #282828 12%, transparent);
  --shadow-sm: 0 2px 0 color-mix(in srgb, #282828 18%, transparent);
  --shadow-md: 0 3px 0 color-mix(in srgb, #282828 16%, transparent);
  --shadow-lg: 0 6px 0 color-mix(in srgb, #282828 16%, transparent);
  --sidebar-background: #e6d5aa;
  --sidebar-icon-color: #af3a03;
  --folder-glyph-color: #b57614;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #af3a03 16%, transparent);
  --listing-row-selected-text: #282828;
  --menu-background: #f9f5d7;
  --menu-shadow: 0 3px 0 color-mix(in srgb, #282828 20%, transparent);
  --context-menu-accent-cut: #076678;
  --context-menu-accent-copy: #076678;
  --context-menu-accent-paste: #79740e;
  --context-menu-accent-rename: #b57614;
  --context-menu-accent-properties: #8f3f71;
}
[data-theme-preview="gruvbox"][data-scheme="dark"] {
  --font-ui: "IBM Plex Mono", "JetBrains Mono", "Cascadia Code", ui-monospace, monospace;
  --font-display: "Zilla Slab", "Roboto Slab", "IBM Plex Serif", Georgia, serif;
  --font-mono: "IBM Plex Mono", "JetBrains Mono", ui-monospace, monospace;
  --letter-spacing-display: 0.01em;
  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-lg: 4px;
  --border-width: 2px;
  --surface-window: #1d2021;
  --surface-content: #282828;
  --surface-raised: #3c3836;
  --surface-sunken: #171818;
  --surface-translucent: color-mix(in srgb, #282828 86%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 38%, transparent);
  --surface-scrim: color-mix(in srgb, #000000 58%, transparent);
  --surface-hover: color-mix(in srgb, #d79921 14%, transparent);
  --surface-selected: color-mix(in srgb, #d79921 24%, transparent);
  --surface-blur: 0px;
  --text-primary: #ebdbb2;
  --text-muted: #a89984;
  --text-faint: #7c6f64;
  --text-disabled: color-mix(in srgb, #ebdbb2 40%, transparent);
  --text-on-accent: #1d2021;
  --text-link: #d79921;
  --accent: #d79921;
  --accent-hover: #e3ab34;
  --accent-pressed: #fabd2f;
  --accent-soft: color-mix(in srgb, #d79921 20%, transparent);
  --accent-secondary: #98971a;
  --focus-ring: #d79921;
  --danger: #ff5a45;
  --danger-hover: #ff7362;
  --danger-soft: color-mix(in srgb, #cc241d 26%, transparent);
  --success: #b8bb26;
  --success-soft: color-mix(in srgb, #b8bb26 18%, transparent);
  --warning: #fabd2f;
  --warning-soft: color-mix(in srgb, #fabd2f 18%, transparent);
  --info: #83a598;
  --info-soft: color-mix(in srgb, #83a598 18%, transparent);
  --border-default: color-mix(in srgb, #ebdbb2 22%, transparent);
  --border-strong: color-mix(in srgb, #ebdbb2 40%, transparent);
  --border-subtle: color-mix(in srgb, #ebdbb2 12%, transparent);
  --shadow-sm: 0 2px 0 color-mix(in srgb, #000000 40%, transparent);
  --shadow-md: 0 3px 0 color-mix(in srgb, #000000 45%, transparent);
  --shadow-lg: 0 6px 0 color-mix(in srgb, #000000 50%, transparent);
  --sidebar-background: #1b1e1f;
  --sidebar-icon-color: #d79921;
  --folder-glyph-color: #fabd2f;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #d79921 26%, transparent);
  --listing-row-selected-text: #ebdbb2;
  --menu-background: #282828;
  --menu-shadow: 0 4px 0 color-mix(in srgb, #000000 50%, transparent);
  --context-menu-accent-cut: #83a598;
  --context-menu-accent-copy: #83a598;
  --context-menu-accent-paste: #b8bb26;
  --context-menu-accent-rename: #fabd2f;
  --context-menu-accent-properties: #d3869b;
}

/* Tokyo Night — Neon after dark */
[data-theme-preview="tokyonight"][data-scheme="light"] {
  --font-ui: "JetBrains Mono", "Cascadia Code", ui-monospace, monospace;
  --font-display: "JetBrains Mono", "Cascadia Code", ui-monospace, monospace;
  --font-mono: "JetBrains Mono", "Cascadia Code", ui-monospace, monospace;
  --letter-spacing-display: 0.01em;
  --radius-sm: 5px;
  --radius-md: 8px;
  --radius-lg: 11px;
  --duration-fast: 90ms;
  --duration-medium: 150ms;
  --duration-slow: 260ms;
  --motion-easing: cubic-bezier(0.3, 0, 0, 1);
  --surface-window: #e1e2e7;
  --surface-content: #eaeaef;
  --surface-raised: #ffffff;
  --surface-sunken: #d0d2da;
  --surface-translucent: color-mix(in srgb, #eaeaef 72%, transparent);
  --surface-overlay: color-mix(in srgb, #343b58 8%, transparent);
  --surface-scrim: color-mix(in srgb, #343b58 28%, transparent);
  --surface-hover: color-mix(in srgb, #2059c9 10%, transparent);
  --surface-selected: color-mix(in srgb, #2059c9 16%, transparent);
  --surface-blur: 18px;
  --text-primary: #343b58;
  --text-muted: #585f80;
  --text-faint: #8990b3;
  --text-disabled: color-mix(in srgb, #343b58 40%, transparent);
  --text-on-accent: #ffffff;
  --text-link: #2059c9;
  --accent: #2059c9;
  --accent-hover: #1b4cae;
  --accent-pressed: #163f92;
  --accent-soft: color-mix(in srgb, #2059c9 12%, transparent);
  --accent-secondary: #7847bd;
  --focus-ring: #2059c9;
  --danger: #b52c2c;
  --danger-hover: #992525;
  --danger-soft: #f5dcdc;
  --success: #4c6b1f;
  --success-soft: #e3ecd3;
  --warning: #8a6410;
  --warning-soft: #f2e8d0;
  --info: #166fa8;
  --info-soft: #dceaf4;
  --border-default: color-mix(in srgb, #343b58 14%, transparent);
  --border-strong: color-mix(in srgb, #343b58 24%, transparent);
  --border-subtle: color-mix(in srgb, #343b58 7%, transparent);
  --shadow-sm: 0 1px 3px color-mix(in srgb, #343b58 14%, transparent);
  --shadow-md: 0 8px 22px color-mix(in srgb, #343b58 16%, transparent);
  --shadow-lg: 0 18px 44px color-mix(in srgb, #343b58 22%, transparent);
  --sidebar-background: #dcdde4;
  --sidebar-icon-color: #2059c9;
  --folder-glyph-color: #166fa8;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #2059c9 16%, transparent);
  --listing-row-selected-text: #343b58;
  --menu-background: color-mix(in srgb, #ffffff 88%, transparent);
  --menu-shadow: 0 8px 22px color-mix(in srgb, #343b58 18%, transparent);
  --context-menu-accent-cut: #2059c9;
  --context-menu-accent-copy: #2059c9;
  --context-menu-accent-paste: #4c6b1f;
  --context-menu-accent-rename: #8a6410;
  --context-menu-accent-properties: #7847bd;
  --context-menu-accent-share: #b0468a;
}
[data-theme-preview="tokyonight"][data-scheme="dark"] {
  --font-ui: "JetBrains Mono", "Cascadia Code", ui-monospace, monospace;
  --font-display: "JetBrains Mono", "Cascadia Code", ui-monospace, monospace;
  --font-mono: "JetBrains Mono", "Cascadia Code", ui-monospace, monospace;
  --letter-spacing-display: 0.01em;
  --radius-sm: 5px;
  --radius-md: 8px;
  --radius-lg: 11px;
  --duration-fast: 90ms;
  --duration-medium: 150ms;
  --duration-slow: 260ms;
  --motion-easing: cubic-bezier(0.3, 0, 0, 1);
  --surface-window: #1a1b26;
  --surface-content: #1f2335;
  --surface-raised: #24283b;
  --surface-sunken: #16161e;
  --surface-translucent: color-mix(in srgb, #1f2335 66%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 42%, transparent);
  --surface-scrim: color-mix(in srgb, #0d0e14 62%, transparent);
  --surface-hover: color-mix(in srgb, #7aa2f7 14%, transparent);
  --surface-selected: color-mix(in srgb, #7aa2f7 24%, transparent);
  --surface-blur: 18px;
  --text-primary: #c0caf5;
  --text-muted: #a4aede;
  --text-faint: #565f89;
  --text-disabled: color-mix(in srgb, #c0caf5 40%, transparent);
  --text-on-accent: #1a1b26;
  --text-link: #7dcfff;
  --accent: #7aa2f7;
  --accent-hover: #8fb3f9;
  --accent-pressed: #a3c1fb;
  --accent-soft: color-mix(in srgb, #7aa2f7 20%, transparent);
  --accent-secondary: #bb9af7;
  --focus-ring: #7aa2f7;
  --danger: #f7768e;
  --danger-hover: #f98ba0;
  --danger-soft: color-mix(in srgb, #f7768e 20%, transparent);
  --success: #9ece6a;
  --success-soft: color-mix(in srgb, #9ece6a 18%, transparent);
  --warning: #e0af68;
  --warning-soft: color-mix(in srgb, #e0af68 18%, transparent);
  --info: #7dcfff;
  --info-soft: color-mix(in srgb, #7dcfff 18%, transparent);
  --border-default: color-mix(in srgb, #7aa2f7 26%, transparent);
  --border-strong: color-mix(in srgb, #7aa2f7 46%, transparent);
  --border-subtle: color-mix(in srgb, #7aa2f7 14%, transparent);
  --shadow-sm: 0 0 6px color-mix(in srgb, #7aa2f7 26%, transparent);
  --shadow-md: 0 0 18px color-mix(in srgb, #7aa2f7 28%, transparent);
  --shadow-lg: 0 0 34px color-mix(in srgb, #7aa2f7 34%, transparent);
  --sidebar-background: #16161e;
  --sidebar-icon-color: #7aa2f7;
  --folder-glyph-color: #7dcfff;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #7aa2f7 26%, transparent);
  --listing-row-selected-text: #c0caf5;
  --menu-background: color-mix(in srgb, #1f2335 82%, transparent);
  --menu-shadow: 0 0 24px color-mix(in srgb, #7aa2f7 26%, transparent);
  --context-menu-accent-cut: #7dcfff;
  --context-menu-accent-copy: #7dcfff;
  --context-menu-accent-paste: #9ece6a;
  --context-menu-accent-rename: #e0af68;
  --context-menu-accent-properties: #bb9af7;
  --context-menu-accent-share: #ff9e64;
}

/* ANSI — 16-colour BBS text mode */
[data-theme-preview="ansi"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 3.5h4v1.5h9v8h-13z'/%3E%3C/svg%3E");
  --font-ui: "IBM Plex Mono", "Cascadia Mono", "Consolas", ui-monospace, monospace;
  --font-display: "IBM Plex Mono", "Cascadia Mono", "Consolas", ui-monospace, monospace;
  --font-mono: "IBM Plex Mono", "Cascadia Mono", "Consolas", ui-monospace, monospace;
  --letter-spacing-display: 0.02em;
  --radius-xs: 0;
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-pill: 0;
  --border-width: 3px;
  --surface-window: #d8d8d8;
  --surface-content: #ffffff;
  --surface-raised: #f0f0f0;
  --surface-sunken: #c0c0c0;
  --surface-translucent: #d8d8d8;
  --surface-overlay: color-mix(in srgb, #000000 8%, transparent);
  --surface-scrim: color-mix(in srgb, #000000 30%, transparent);
  --surface-hover: color-mix(in srgb, #0000aa 10%, transparent);
  --surface-selected: color-mix(in srgb, #0000aa 16%, transparent);
  --surface-blur: 0px;
  --text-primary: #000000;
  --text-muted: #555555;
  --text-faint: #777777;
  --text-disabled: color-mix(in srgb, #000000 40%, transparent);
  --text-on-accent: #ffffff;
  --text-link: #0000aa;
  --accent: #0000aa;
  --accent-hover: #000088;
  --accent-pressed: #000066;
  --accent-soft: color-mix(in srgb, #0000aa 12%, transparent);
  --accent-secondary: #aa00aa;
  --focus-ring: #0000aa;
  --danger: #aa0000;
  --danger-hover: #880000;
  --danger-soft: #f2d6d6;
  --success: #007000;
  --success-soft: #d6ecd6;
  --warning: #8a6d00;
  --warning-soft: #f2ecd0;
  --info: #0000aa;
  --info-soft: #d6d6f2;
  --border-default: #0000aa;
  --border-strong: #000000;
  --border-subtle: color-mix(in srgb, #0000aa 45%, transparent);
  --shadow-sm: 0 0 0 transparent;
  --shadow-md: 4px 4px 0 color-mix(in srgb, #000000 30%, transparent);
  --shadow-lg: 6px 6px 0 color-mix(in srgb, #000000 35%, transparent);
  --sidebar-background: #cccccc;
  --sidebar-icon-color: #0000aa;
  --folder-glyph-color: #8a6d00;
  --listing-background-wash: none;
  --listing-row-selected-background: #0000aa;
  --listing-row-selected-text: #ffffff;
  --menu-background: #ffffff;
  --menu-border: #0000aa;
  --menu-shadow: 4px 4px 0 color-mix(in srgb, #000000 30%, transparent);
  --context-menu-accent-cut: #0000aa;
  --context-menu-accent-copy: #0000aa;
  --context-menu-accent-paste: #007000;
  --context-menu-accent-rename: #8a6d00;
  --context-menu-accent-properties: #aa00aa;
}
[data-theme-preview="ansi"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 3.5h4v1.5h9v8h-13z'/%3E%3C/svg%3E");
  --font-ui: "IBM Plex Mono", "Cascadia Mono", "Consolas", ui-monospace, monospace;
  --font-display: "IBM Plex Mono", "Cascadia Mono", "Consolas", ui-monospace, monospace;
  --font-mono: "IBM Plex Mono", "Cascadia Mono", "Consolas", ui-monospace, monospace;
  --letter-spacing-display: 0.02em;
  --radius-xs: 0;
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-pill: 0;
  --border-width: 3px;
  --surface-window: #00007f;
  --surface-content: #000000;
  --surface-raised: #0000aa;
  --surface-sunken: #000055;
  --surface-translucent: #00007f;
  --surface-overlay: color-mix(in srgb, #000000 40%, transparent);
  --surface-scrim: color-mix(in srgb, #000000 62%, transparent);
  --surface-hover: color-mix(in srgb, #55ffff 20%, transparent);
  --surface-selected: color-mix(in srgb, #ffff55 30%, transparent);
  --surface-blur: 0px;
  --text-primary: #ffffff;
  --text-muted: #aaaaaa;
  --text-faint: #55aaaa;
  --text-disabled: color-mix(in srgb, #ffffff 40%, transparent);
  --text-on-accent: #000000;
  --text-link: #55ffff;
  --accent: #ffff55;
  --accent-hover: #ffff99;
  --accent-pressed: #ffffcc;
  --accent-soft: color-mix(in srgb, #ffff55 24%, transparent);
  --accent-secondary: #55ffff;
  --focus-ring: #55ffff;
  --danger: #ff5555;
  --danger-hover: #ff8888;
  --danger-soft: color-mix(in srgb, #ff5555 26%, transparent);
  --success: #55ff55;
  --success-soft: color-mix(in srgb, #55ff55 22%, transparent);
  --warning: #ffff55;
  --warning-soft: color-mix(in srgb, #ffff55 22%, transparent);
  --info: #55ffff;
  --info-soft: color-mix(in srgb, #55ffff 22%, transparent);
  --border-default: #55ffff;
  --border-strong: #ffffff;
  --border-subtle: color-mix(in srgb, #55ffff 55%, transparent);
  --shadow-sm: 0 0 0 transparent;
  --shadow-md: 4px 4px 0 #000000;
  --shadow-lg: 6px 6px 0 #000000;
  --sidebar-background: #000055;
  --sidebar-icon-color: #55ffff;
  --folder-glyph-color: #ffff55;
  --listing-background-wash: none;
  --listing-row-selected-background: #ffff55;
  --listing-row-selected-text: #000000;
  --menu-background: #0000aa;
  --menu-border: #55ffff;
  --menu-shadow: 4px 4px 0 #000000;
  --context-menu-accent-cut: #55ffff;
  --context-menu-accent-copy: #55ffff;
  --context-menu-accent-paste: #55ff55;
  --context-menu-accent-rename: #ffff55;
  --context-menu-accent-properties: #ff55ff;
}

/* Matrix Rain — Terminal noir, cascading green */
[data-theme-preview="matrixrain"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 3.5h4v1.5h9v8h-13z'/%3E%3C/svg%3E");
  --font-ui: "Cascadia Mono", "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;
  --font-display: "Cascadia Mono", "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;
  --font-mono: "Cascadia Mono", "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;
  --letter-spacing-display: 0.06em;
  --radius-xs: 0;
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-pill: 0;
  --surface-window: #dfe4df;
  --surface-content: #e9ede9;
  --surface-raised: #f2f5f2;
  --surface-sunken: #d0d6d0;
  --surface-translucent: color-mix(in srgb, #e9ede9 90%, transparent);
  --surface-overlay: color-mix(in srgb, #127a37 8%, transparent);
  --surface-scrim: color-mix(in srgb, #0d3d1c 30%, transparent);
  --surface-hover: color-mix(in srgb, #127a37 10%, transparent);
  --surface-selected: color-mix(in srgb, #127a37 18%, transparent);
  --surface-blur: 0px;
  --surface-texture: repeating-linear-gradient(90deg, color-mix(in srgb, #127a37 5%, transparent) 0, color-mix(in srgb, #127a37 5%, transparent) 1px, transparent 1px, transparent 9px);
  --window-background: #dfe4df;
  --text-primary: #0d3d1c;
  --text-muted: #2c6b3c;
  --text-faint: #5a7a60;
  --text-disabled: color-mix(in srgb, #0d3d1c 40%, transparent);
  --text-on-accent: #ffffff;
  --text-link: #127a37;
  --accent: #127a37;
  --accent-hover: #0e662d;
  --accent-pressed: #0a5224;
  --accent-soft: color-mix(in srgb, #127a37 12%, transparent);
  --accent-secondary: #127a37;
  --focus-ring: #127a37;
  --danger: #a3271b;
  --danger-hover: #861f15;
  --danger-soft: #f2ddd8;
  --success: #127a37;
  --success-soft: #d7ecdd;
  --warning: #7a6410;
  --warning-soft: #eee9cf;
  --info: #127a37;
  --info-soft: #d7ecdd;
  --border-default: color-mix(in srgb, #0d3d1c 22%, transparent);
  --border-strong: color-mix(in srgb, #0d3d1c 38%, transparent);
  --border-subtle: color-mix(in srgb, #0d3d1c 12%, transparent);
  --shadow-sm: 0 1px 0 color-mix(in srgb, #0d3d1c 16%, transparent);
  --shadow-md: 0 2px 0 color-mix(in srgb, #0d3d1c 14%, transparent);
  --shadow-lg: 0 4px 0 color-mix(in srgb, #0d3d1c 14%, transparent);
  --sidebar-background: #d8ded8;
  --sidebar-icon-color: #127a37;
  --folder-glyph-color: #127a37;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #127a37 18%, transparent);
  --listing-row-selected-text: #0d3d1c;
  --menu-background: #f2f5f2;
  --menu-shadow: 0 2px 0 color-mix(in srgb, #0d3d1c 18%, transparent);
  --context-menu-accent-cut: #127a37;
  --context-menu-accent-copy: #127a37;
  --context-menu-accent-paste: #0e662d;
  --context-menu-accent-rename: #7a6410;
  --context-menu-accent-properties: #0a5224;
}
[data-theme-preview="matrixrain"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 3.5h4v1.5h9v8h-13z'/%3E%3C/svg%3E");
  --font-ui: "Cascadia Mono", "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;
  --font-display: "Cascadia Mono", "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;
  --font-mono: "Cascadia Mono", "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;
  --letter-spacing-display: 0.06em;
  --radius-xs: 0;
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-pill: 0;
  --surface-window: #05080a;
  --surface-content: #080f0b;
  --surface-raised: #0c1712;
  --surface-sunken: #030506;
  --surface-translucent: color-mix(in srgb, #080f0b 90%, transparent);
  --surface-overlay: color-mix(in srgb, #22e35a 8%, transparent);
  --surface-scrim: color-mix(in srgb, #000000 74%, transparent);
  --surface-hover: color-mix(in srgb, #22e35a 12%, transparent);
  --surface-selected: color-mix(in srgb, #22e35a 24%, transparent);
  --surface-blur: 0px;
  --surface-texture: repeating-linear-gradient(90deg, color-mix(in srgb, #22e35a 6%, transparent) 0, color-mix(in srgb, #22e35a 6%, transparent) 1px, transparent 1px, transparent 9px);
  --window-background: linear-gradient(180deg, #071410 0%, #05080a 55%);
  --text-primary: #8affab;
  --text-muted: #3fbf60;
  --text-faint: #248a42;
  --text-disabled: color-mix(in srgb, #8affab 38%, transparent);
  --text-on-accent: #05080a;
  --text-link: #a6ffbf;
  --accent: #22e35a;
  --accent-hover: #43ef75;
  --accent-pressed: #66f591;
  --accent-soft: color-mix(in srgb, #22e35a 20%, transparent);
  --accent-secondary: #22e35a;
  --focus-ring: #22e35a;
  --danger: #ff6a5c;
  --danger-hover: #ff857a;
  --danger-soft: color-mix(in srgb, #ff6a5c 18%, transparent);
  --success: #22e35a;
  --success-soft: color-mix(in srgb, #22e35a 16%, transparent);
  --warning: #d9e35a;
  --warning-soft: color-mix(in srgb, #d9e35a 16%, transparent);
  --info: #8affab;
  --info-soft: color-mix(in srgb, #8affab 16%, transparent);
  --border-default: color-mix(in srgb, #22e35a 24%, transparent);
  --border-strong: color-mix(in srgb, #22e35a 44%, transparent);
  --border-subtle: color-mix(in srgb, #22e35a 12%, transparent);
  --shadow-sm: 0 0 4px color-mix(in srgb, #22e35a 36%, transparent);
  --shadow-md: 0 0 14px color-mix(in srgb, #22e35a 30%, transparent);
  --shadow-lg: 0 0 28px color-mix(in srgb, #22e35a 36%, transparent);
  --sidebar-background: #060d09;
  --sidebar-icon-color: #22e35a;
  --folder-glyph-color: #43ef75;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #22e35a 26%, transparent);
  --listing-row-selected-text: #8affab;
  --menu-background: #080f0b;
  --menu-shadow: 0 0 18px color-mix(in srgb, #22e35a 26%, transparent);
  --context-menu-accent-cut: #22e35a;
  --context-menu-accent-copy: #22e35a;
  --context-menu-accent-paste: #43ef75;
  --context-menu-accent-rename: #d9e35a;
  --context-menu-accent-properties: #a6ffbf;
}

/* Paper Desk — Ink on grained paper */
[data-theme-preview="paperdesk"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 4.5h4l1.2 1.4h6.8v7.1a0.8 0.8 0 0 1-0.8 0.8H2.8a0.8 0.8 0 0 1-0.8-0.8z'/%3E%3C/svg%3E");
  --font-display: "Iowan Old Style", "Palatino Linotype", "Palatino", "Georgia", "Source Serif 4", serif;
  --font-ui: "Iowan Old Style", "Palatino Linotype", "Georgia", "Source Serif 4", serif;
  --font-mono: "IBM Plex Mono", "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.005em;
  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-lg: 4px;
  --radius-pill: 4px;
  --surface-window: #efe8d8;
  --surface-content: #f7f2e7;
  --surface-raised: #fbf7ee;
  --surface-sunken: #e6ddc9;
  --surface-translucent: color-mix(in srgb, #f7f2e7 92%, transparent);
  --surface-overlay: color-mix(in srgb, #1a1a1a 8%, transparent);
  --surface-hover: color-mix(in srgb, #8a1c12 8%, transparent);
  --surface-selected: color-mix(in srgb, #8a1c12 14%, transparent);
  --surface-blur: 0px;
  --text-primary: #1a1a1a;
  --text-muted: #5a5346;
  --text-faint: #8a8069;
  --text-on-accent: #f7f2e7;
  --text-link: #8a1c12;
  --accent: #8a1c12;
  --accent-hover: #741710;
  --accent-pressed: #61130d;
  --accent-soft: color-mix(in srgb, #8a1c12 13%, transparent);
  --accent-secondary: #5a5346;
  --focus-ring: #8a1c12;
  --danger: #9a1e14;
  --danger-hover: #82170f;
  --danger-soft: #f2e0d5;
  --success: #3d6b2a;
  --success-soft: #e6ecd7;
  --warning: #9a6712;
  --warning-soft: #f2e6cf;
  --info: #375a8a;
  --info-soft: #e2e6ef;
  --border-default: color-mix(in srgb, #1a1a1a 14%, transparent);
  --border-strong: color-mix(in srgb, #1a1a1a 24%, transparent);
  --border-subtle: color-mix(in srgb, #1a1a1a 8%, transparent);
  --shadow-sm: 0 1px 0 color-mix(in srgb, #1a1a1a 10%, transparent);
  --shadow-md: 0 2px 6px color-mix(in srgb, #4a3f28 20%, transparent);
  --shadow-lg: 0 6px 18px color-mix(in srgb, #4a3f28 26%, transparent);
  --surface-texture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23p)' opacity='0.06'/%3E%3C/svg%3E");
  --window-background: linear-gradient(180deg, #f1ebdc 0%, #efe8d8 55%, #eae1cf 100%);
  --sidebar-background: #eae2ce;
  --sidebar-icon-color: #5a5346;
  --folder-glyph-color: #c08a3e;
  --listing-background-wash: none;
  --menu-background: #fbf7ee;
  --context-menu-accent-cut: #8a1c12;
  --context-menu-accent-copy: #8a1c12;
  --context-menu-accent-paste: #3d6b2a;
  --context-menu-accent-rename: #9a6712;
  --context-menu-accent-properties: #375a8a;
}
[data-theme-preview="paperdesk"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 4.5h4l1.2 1.4h6.8v7.1a0.8 0.8 0 0 1-0.8 0.8H2.8a0.8 0.8 0 0 1-0.8-0.8z'/%3E%3C/svg%3E");
  --font-display: "Iowan Old Style", "Palatino Linotype", "Palatino", "Georgia", "Source Serif 4", serif;
  --font-ui: "Iowan Old Style", "Palatino Linotype", "Georgia", "Source Serif 4", serif;
  --font-mono: "IBM Plex Mono", "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.005em;
  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-lg: 4px;
  --radius-pill: 4px;
  --surface-window: #17150f;
  --surface-content: #1e1b14;
  --surface-raised: #26221a;
  --surface-sunken: #100e09;
  --surface-translucent: color-mix(in srgb, #1e1b14 92%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 45%, transparent);
  --surface-hover: color-mix(in srgb, #e0a05a 10%, transparent);
  --surface-selected: color-mix(in srgb, #e0a05a 18%, transparent);
  --surface-blur: 0px;
  --text-primary: #ece7da;
  --text-muted: #a89f8c;
  --text-faint: #7a7263;
  --text-on-accent: #1a1a1a;
  --text-link: #e0a05a;
  --accent: #e0a05a;
  --accent-hover: #ecb473;
  --accent-pressed: #f2c48c;
  --accent-soft: color-mix(in srgb, #e0a05a 20%, transparent);
  --accent-secondary: #c9b48c;
  --focus-ring: #e0a05a;
  --danger: #f28b7d;
  --danger-hover: #f6a498;
  --danger-soft: #2e1712;
  --success: #8fbf6a;
  --success-soft: #1e2814;
  --warning: #e0b45a;
  --warning-soft: #2c2412;
  --info: #8fb0d8;
  --info-soft: #16202c;
  --border-default: color-mix(in srgb, #ece7da 14%, transparent);
  --border-strong: color-mix(in srgb, #ece7da 26%, transparent);
  --border-subtle: color-mix(in srgb, #ece7da 8%, transparent);
  --shadow-sm: 0 1px 0 color-mix(in srgb, #000000 40%, transparent);
  --shadow-md: 0 2px 8px color-mix(in srgb, #000000 55%, transparent);
  --shadow-lg: 0 6px 20px color-mix(in srgb, #000000 65%, transparent);
  --surface-texture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23p)' opacity='0.05'/%3E%3C/svg%3E");
  --window-background: linear-gradient(180deg, #1a1710 0%, #17150f 60%, #131109 100%);
  --sidebar-background: #1b1811;
  --sidebar-icon-color: #a89f8c;
  --folder-glyph-color: #d0a25e;
  --listing-background-wash: none;
  --menu-background: #26221a;
  --context-menu-accent-cut: #e0a05a;
  --context-menu-accent-copy: #e0a05a;
  --context-menu-accent-paste: #8fbf6a;
  --context-menu-accent-rename: #e0b45a;
  --context-menu-accent-properties: #8fb0d8;
}

/* Blueprint — Drafting-table line-work */
[data-theme-preview="blueprint"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 4.5h4l1.2 1.4h6.8v7.1a0.8 0.8 0 0 1-0.8 0.8H2.8a0.8 0.8 0 0 1-0.8-0.8z'/%3E%3C/svg%3E");
  --font-display: "IBM Plex Mono", "Space Mono", "Consolas", ui-monospace, monospace;
  --font-ui: "IBM Plex Sans", "Inter", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", "Space Mono", "Consolas", ui-monospace, monospace;
  --letter-spacing-display: 0.06em;
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 2px;
  --radius-pill: 2px;
  --surface-window: #eef2f8;
  --surface-content: #f8fafd;
  --surface-raised: #ffffff;
  --surface-sunken: #e4eaf3;
  --surface-translucent: color-mix(in srgb, #f8fafd 92%, transparent);
  --surface-overlay: color-mix(in srgb, #123a8a 8%, transparent);
  --surface-hover: color-mix(in srgb, #123a8a 8%, transparent);
  --surface-selected: color-mix(in srgb, #123a8a 15%, transparent);
  --surface-blur: 0px;
  --text-primary: #12213f;
  --text-muted: #3e527a;
  --text-faint: #6f80a3;
  --text-on-accent: #ffffff;
  --text-link: #123a8a;
  --accent: #123a8a;
  --accent-hover: #0e2f72;
  --accent-pressed: #0b265d;
  --accent-soft: color-mix(in srgb, #123a8a 12%, transparent);
  --accent-secondary: #3e527a;
  --focus-ring: #123a8a;
  --danger: #b42318;
  --danger-hover: #9a1e14;
  --danger-soft: #f6e3e1;
  --success: #1a6f3f;
  --success-soft: #e0efe6;
  --warning: #9a6712;
  --warning-soft: #f3ecda;
  --info: #123a8a;
  --info-soft: #e2e9f5;
  --border-default: color-mix(in srgb, #123a8a 26%, transparent);
  --border-strong: color-mix(in srgb, #123a8a 45%, transparent);
  --border-subtle: color-mix(in srgb, #123a8a 14%, transparent);
  --shadow-sm: 0 0 0 1px color-mix(in srgb, #123a8a 12%, transparent);
  --shadow-md: 0 2px 0 color-mix(in srgb, #123a8a 14%, transparent);
  --shadow-lg: 0 4px 0 color-mix(in srgb, #123a8a 18%, transparent);
  --window-background: repeating-linear-gradient(0deg, transparent 0 23px, color-mix(in srgb, #123a8a 9%, transparent) 23px 24px),
    repeating-linear-gradient(90deg, transparent 0 23px, color-mix(in srgb, #123a8a 9%, transparent) 23px 24px),
    #eef2f8;
  --surface-texture: repeating-linear-gradient(0deg, transparent 0 23px, color-mix(in srgb, #123a8a 5%, transparent) 23px 24px),
    repeating-linear-gradient(90deg, transparent 0 23px, color-mix(in srgb, #123a8a 5%, transparent) 23px 24px);
  --sidebar-background: #e7edf6;
  --sidebar-icon-color: #3e527a;
  --folder-glyph-color: #2f66c4;
  --listing-background-wash: none;
  --context-menu-accent-cut: #123a8a;
  --context-menu-accent-copy: #123a8a;
  --context-menu-accent-paste: #1a6f3f;
  --context-menu-accent-rename: #9a6712;
  --context-menu-accent-properties: #3e527a;
}
[data-theme-preview="blueprint"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 4.5h4l1.2 1.4h6.8v7.1a0.8 0.8 0 0 1-0.8 0.8H2.8a0.8 0.8 0 0 1-0.8-0.8z'/%3E%3C/svg%3E");
  --font-display: "IBM Plex Mono", "Space Mono", "Consolas", ui-monospace, monospace;
  --font-ui: "IBM Plex Sans", "Inter", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", "Space Mono", "Consolas", ui-monospace, monospace;
  --letter-spacing-display: 0.06em;
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 2px;
  --radius-pill: 2px;
  --surface-window: #0d2247;
  --surface-content: #0f2a5c;
  --surface-raised: #143571;
  --surface-sunken: #0a1b39;
  --surface-translucent: color-mix(in srgb, #0f2a5c 90%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 40%, transparent);
  --surface-hover: color-mix(in srgb, #ffffff 8%, transparent);
  --surface-selected: color-mix(in srgb, #8fc3ff 20%, transparent);
  --surface-blur: 0px;
  --text-primary: #e8f0ff;
  --text-muted: #9fb8e0;
  --text-faint: #6f8bbd;
  --text-on-accent: #0d2247;
  --text-link: #8fc3ff;
  --accent: #8fc3ff;
  --accent-hover: #abd2ff;
  --accent-pressed: #c4e0ff;
  --accent-soft: color-mix(in srgb, #8fc3ff 20%, transparent);
  --accent-secondary: #9fb8e0;
  --focus-ring: #8fc3ff;
  --danger: #ff8b80;
  --danger-hover: #ffa79e;
  --danger-soft: #3a1512;
  --success: #6fd08f;
  --success-soft: #123020;
  --warning: #e6bb5a;
  --warning-soft: #2e2612;
  --info: #8fc3ff;
  --info-soft: #12294a;
  --border-default: color-mix(in srgb, #ffffff 26%, transparent);
  --border-strong: color-mix(in srgb, #ffffff 42%, transparent);
  --border-subtle: color-mix(in srgb, #ffffff 14%, transparent);
  --shadow-sm: 0 0 0 1px color-mix(in srgb, #ffffff 12%, transparent);
  --shadow-md: 0 2px 0 color-mix(in srgb, #000000 45%, transparent);
  --shadow-lg: 0 4px 0 color-mix(in srgb, #000000 55%, transparent);
  --window-background: repeating-linear-gradient(0deg, transparent 0 23px, color-mix(in srgb, #ffffff 8%, transparent) 23px 24px),
    repeating-linear-gradient(90deg, transparent 0 23px, color-mix(in srgb, #ffffff 8%, transparent) 23px 24px),
    #0d2247;
  --surface-texture: repeating-linear-gradient(0deg, transparent 0 23px, color-mix(in srgb, #ffffff 5%, transparent) 23px 24px),
    repeating-linear-gradient(90deg, transparent 0 23px, color-mix(in srgb, #ffffff 5%, transparent) 23px 24px);
  --sidebar-background: #0b1e40;
  --sidebar-icon-color: #9fb8e0;
  --folder-glyph-color: #8fc3ff;
  --listing-background-wash: none;
  --context-menu-accent-cut: #8fc3ff;
  --context-menu-accent-copy: #8fc3ff;
  --context-menu-accent-paste: #6fd08f;
  --context-menu-accent-rename: #e6bb5a;
  --context-menu-accent-properties: #9fb8e0;
}

/* Chalkboard — Chalk on slate */
[data-theme-preview="chalkboard"][data-scheme="light"] {
  --font-display: "Chalkboard SE", "Comic Sans MS", "Bradley Hand", "Segoe Print", cursive;
  --font-ui: "Segoe UI", "Inter", system-ui, sans-serif;
  --font-mono: ui-monospace, "Cascadia Code", "Consolas", monospace;
  --letter-spacing-display: 0.01em;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --surface-window: #eef0ee;
  --surface-content: #f8faf8;
  --surface-raised: #ffffff;
  --surface-sunken: #e2e6e2;
  --surface-translucent: color-mix(in srgb, #f8faf8 92%, transparent);
  --surface-overlay: color-mix(in srgb, #1f2420 8%, transparent);
  --surface-hover: color-mix(in srgb, #1f6b4a 8%, transparent);
  --surface-selected: color-mix(in srgb, #1f6b4a 14%, transparent);
  --surface-blur: 0px;
  --text-primary: #1f2420;
  --text-muted: #4d564e;
  --text-faint: #7c857d;
  --text-on-accent: #ffffff;
  --text-link: #1f6b4a;
  --accent: #1f6b4a;
  --accent-hover: #195a3e;
  --accent-pressed: #144a33;
  --accent-soft: color-mix(in srgb, #1f6b4a 13%, transparent);
  --accent-secondary: #4d564e;
  --focus-ring: #1f6b4a;
  --danger: #b42318;
  --danger-hover: #9a1e14;
  --danger-soft: #f6e3e1;
  --success: #1f6b4a;
  --success-soft: #e2efe8;
  --warning: #9a6712;
  --warning-soft: #f3ecda;
  --info: #375a8a;
  --info-soft: #e4e8f0;
  --border-default: color-mix(in srgb, #1f2420 12%, transparent);
  --border-strong: color-mix(in srgb, #1f2420 22%, transparent);
  --border-subtle: color-mix(in srgb, #1f2420 6%, transparent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, #1f2420 12%, transparent);
  --shadow-md: 0 4px 14px color-mix(in srgb, #1f2420 16%, transparent);
  --shadow-lg: 0 12px 30px color-mix(in srgb, #1f2420 22%, transparent);
  --window-background: linear-gradient(180deg, #f1f3f1 0%, #eef0ee 100%);
  --surface-texture: none;
  --sidebar-background: #e9ece9;
  --sidebar-icon-color: #4d564e;
  --folder-glyph-color: #2f9d6a;
  --listing-background-wash: none;
  --context-menu-accent-cut: #375a8a;
  --context-menu-accent-copy: #375a8a;
  --context-menu-accent-paste: #1f6b4a;
  --context-menu-accent-rename: #9a6712;
  --context-menu-accent-properties: #6b3fbf;
}
[data-theme-preview="chalkboard"][data-scheme="dark"] {
  --font-display: "Chalkboard SE", "Comic Sans MS", "Bradley Hand", "Segoe Print", cursive;
  --font-ui: "Segoe UI", "Inter", system-ui, sans-serif;
  --font-mono: ui-monospace, "Cascadia Code", "Consolas", monospace;
  --letter-spacing-display: 0.01em;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --surface-window: #1a2620;
  --surface-content: #20302a;
  --surface-raised: #293c34;
  --surface-sunken: #131d18;
  --surface-translucent: color-mix(in srgb, #20302a 90%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 40%, transparent);
  --surface-hover: color-mix(in srgb, #f6e27a 10%, transparent);
  --surface-selected: color-mix(in srgb, #f6e27a 18%, transparent);
  --surface-blur: 0px;
  --text-primary: #f0f2ec;
  --text-muted: #b6c2ba;
  --text-faint: #83918a;
  --text-on-accent: #16221c;
  --text-link: #f6e27a;
  --accent: #f6e27a;
  --accent-hover: #f9ea96;
  --accent-pressed: #fbf0ad;
  --accent-soft: color-mix(in srgb, #f6e27a 20%, transparent);
  --accent-secondary: #b6c2ba;
  --focus-ring: #f6e27a;
  --danger: #f6968a;
  --danger-hover: #f8ab9f;
  --danger-soft: #301613;
  --success: #7fd0a0;
  --success-soft: #142a20;
  --warning: #f0cf6a;
  --warning-soft: #2c2712;
  --info: #9fc0e8;
  --info-soft: #16222f;
  --border-default: color-mix(in srgb, #f0f2ec 16%, transparent);
  --border-strong: color-mix(in srgb, #f0f2ec 30%, transparent);
  --border-subtle: color-mix(in srgb, #f0f2ec 9%, transparent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 40%, transparent);
  --shadow-md: 0 4px 14px color-mix(in srgb, #000000 50%, transparent);
  --shadow-lg: 0 12px 30px color-mix(in srgb, #000000 60%, transparent);
  --window-background: radial-gradient(circle at 30% 20%, color-mix(in srgb, #f0f2ec 5%, transparent) 0, transparent 45%),
    radial-gradient(circle at 75% 70%, color-mix(in srgb, #f0f2ec 4%, transparent) 0, transparent 40%),
    linear-gradient(180deg, #1c2822 0%, #182420 100%);
  --surface-texture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23c)' opacity='0.05'/%3E%3C/svg%3E");
  --sidebar-background: #17231d;
  --sidebar-icon-color: #b6c2ba;
  --folder-glyph-color: #f6e27a;
  --listing-background-wash: none;
  --context-menu-accent-cut: #9fc0e8;
  --context-menu-accent-copy: #9fc0e8;
  --context-menu-accent-paste: #7fd0a0;
  --context-menu-accent-rename: #f0cf6a;
  --context-menu-accent-properties: #c3a8f0;
}

/* E-Ink — Electronic paper, pure greyscale */
[data-theme-preview="eink"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 4.5h4l1.2 1.4h6.8v7.1a0.8 0.8 0 0 1-0.8 0.8H2.8a0.8 0.8 0 0 1-0.8-0.8z'/%3E%3C/svg%3E");
  --font-display: "Charter", "Iowan Old Style", "Georgia", "Source Serif 4", serif;
  --font-ui: "Charter", "Iowan Old Style", "Georgia", "Source Serif 4", serif;
  --font-mono: "IBM Plex Mono", "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.005em;
  --radius-sm: 1px;
  --radius-md: 1px;
  --radius-lg: 2px;
  --radius-pill: 2px;
  --surface-window: #f2efe8;
  --surface-content: #f7f5f0;
  --surface-raised: #fbfaf6;
  --surface-sunken: #e8e5dd;
  --surface-translucent: #f7f5f0;
  --surface-overlay: color-mix(in srgb, #161616 6%, transparent);
  --surface-hover: color-mix(in srgb, #161616 7%, transparent);
  --surface-selected: color-mix(in srgb, #161616 14%, transparent);
  --surface-blur: 0px;
  --text-primary: #161616;
  --text-muted: #4a4a4a;
  --text-faint: #767676;
  --text-on-accent: #f7f5f0;
  --text-link: #2b2b2b;
  --accent: #2b2b2b;
  --accent-hover: #161616;
  --accent-pressed: #000000;
  --accent-soft: color-mix(in srgb, #2b2b2b 12%, transparent);
  --accent-secondary: #4a4a4a;
  --focus-ring: #2b2b2b;
  --danger: #8a1408;
  --danger-hover: #6f1006;
  --danger-soft: #ede2df;
  --success: #2b2b2b;
  --success-soft: #e6e3db;
  --warning: #4a4a4a;
  --warning-soft: #e6e3db;
  --info: #2b2b2b;
  --info-soft: #e6e3db;
  --border-default: color-mix(in srgb, #161616 28%, transparent);
  --border-strong: color-mix(in srgb, #161616 55%, transparent);
  --border-subtle: color-mix(in srgb, #161616 14%, transparent);
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --duration-instant: 0ms;
  --duration-fast: 0ms;
  --duration-medium: 0ms;
  --duration-slow: 0ms;
  --motion-easing: steps(1, end);
  --surface-texture: none;
  --window-background: #f2efe8;
  --sidebar-background: #efece4;
  --sidebar-icon-color: #4a4a4a;
  --folder-glyph-color: #4a4a4a;
  --listing-background-wash: none;
  --menu-shadow: none;
  --context-menu-accent-cut: #2b2b2b;
  --context-menu-accent-copy: #2b2b2b;
  --context-menu-accent-paste: #2b2b2b;
  --context-menu-accent-rename: #4a4a4a;
  --context-menu-accent-properties: #2b2b2b;
}
[data-theme-preview="eink"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 4.5h4l1.2 1.4h6.8v7.1a0.8 0.8 0 0 1-0.8 0.8H2.8a0.8 0.8 0 0 1-0.8-0.8z'/%3E%3C/svg%3E");
  --font-display: "Charter", "Iowan Old Style", "Georgia", "Source Serif 4", serif;
  --font-ui: "Charter", "Iowan Old Style", "Georgia", "Source Serif 4", serif;
  --font-mono: "IBM Plex Mono", "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.005em;
  --radius-sm: 1px;
  --radius-md: 1px;
  --radius-lg: 2px;
  --radius-pill: 2px;
  --surface-window: #121212;
  --surface-content: #181818;
  --surface-raised: #202020;
  --surface-sunken: #0b0b0b;
  --surface-translucent: #181818;
  --surface-overlay: color-mix(in srgb, #000000 45%, transparent);
  --surface-hover: color-mix(in srgb, #e9e9e9 8%, transparent);
  --surface-selected: color-mix(in srgb, #e9e9e9 16%, transparent);
  --surface-blur: 0px;
  --text-primary: #e9e9e9;
  --text-muted: #a6a6a6;
  --text-faint: #767676;
  --text-on-accent: #121212;
  --text-link: #d0d0d0;
  --accent: #d0d0d0;
  --accent-hover: #e9e9e9;
  --accent-pressed: #ffffff;
  --accent-soft: color-mix(in srgb, #d0d0d0 16%, transparent);
  --accent-secondary: #a6a6a6;
  --focus-ring: #d0d0d0;
  --danger: #f19a90;
  --danger-hover: #f6b2aa;
  --danger-soft: #241514;
  --success: #d0d0d0;
  --success-soft: #1e1e1e;
  --warning: #d0d0d0;
  --warning-soft: #1e1e1e;
  --info: #d0d0d0;
  --info-soft: #1e1e1e;
  --border-default: color-mix(in srgb, #e9e9e9 26%, transparent);
  --border-strong: color-mix(in srgb, #e9e9e9 50%, transparent);
  --border-subtle: color-mix(in srgb, #e9e9e9 14%, transparent);
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --duration-instant: 0ms;
  --duration-fast: 0ms;
  --duration-medium: 0ms;
  --duration-slow: 0ms;
  --motion-easing: steps(1, end);
  --surface-texture: none;
  --window-background: #121212;
  --sidebar-background: #151515;
  --sidebar-icon-color: #a6a6a6;
  --folder-glyph-color: #a6a6a6;
  --listing-background-wash: none;
  --menu-shadow: none;
  --context-menu-accent-cut: #d0d0d0;
  --context-menu-accent-copy: #d0d0d0;
  --context-menu-accent-paste: #d0d0d0;
  --context-menu-accent-rename: #a6a6a6;
  --context-menu-accent-properties: #d0d0d0;
}

/* Aurora — Northern lights over a night sky */
[data-theme-preview="aurora"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.2 5.2a2 2 0 0 1 2-2h1.9l1.4 1.6h4.3a2 2 0 0 1 2 2v4.4a2 2 0 0 1-2 2H4.2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
  --font-display: "Avenir Next", "Nunito Sans", "Inter", system-ui, sans-serif;
  --font-ui: "Avenir Next", "Nunito Sans", "Inter", system-ui, sans-serif;
  --font-mono: ui-monospace, "JetBrains Mono", "Cascadia Code", monospace;
  --letter-spacing-display: -0.005em;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --surface-window: #eef1f7;
  --surface-content: #f7f9fc;
  --surface-raised: #ffffff;
  --surface-sunken: #e4e8f2;
  --surface-translucent: color-mix(in srgb, #f7f9fc 62%, transparent);
  --surface-overlay: color-mix(in srgb, #1a2233 8%, transparent);
  --surface-hover: color-mix(in srgb, #5a3fb0 8%, transparent);
  --surface-selected: color-mix(in srgb, #5a3fb0 14%, transparent);
  --surface-blur: 18px;
  --text-primary: #1a2233;
  --text-muted: #4a5570;
  --text-faint: #7885a3;
  --text-on-accent: #ffffff;
  --text-link: #5a3fb0;
  --accent: #5a3fb0;
  --accent-hover: #4c3499;
  --accent-pressed: #402b82;
  --accent-soft: color-mix(in srgb, #5a3fb0 12%, transparent);
  --accent-secondary: #1f8a6b;
  --focus-ring: #5a3fb0;
  --danger: #b42318;
  --danger-hover: #9a1e14;
  --danger-soft: #f6e3e1;
  --success: #1f8a6b;
  --success-soft: #e0f0eb;
  --warning: #9a6712;
  --warning-soft: #f3ecda;
  --info: #375a8a;
  --info-soft: #e4e8f2;
  --border-default: color-mix(in srgb, #1a2233 10%, transparent);
  --border-strong: color-mix(in srgb, #1a2233 18%, transparent);
  --border-subtle: color-mix(in srgb, #1a2233 5%, transparent);
  --shadow-sm: 0 1px 3px color-mix(in srgb, #5a3fb0 12%, transparent);
  --shadow-md: 0 10px 28px color-mix(in srgb, #5a3fb0 16%, transparent);
  --shadow-lg: 0 22px 56px color-mix(in srgb, #5a3fb0 22%, transparent);
  --window-background: radial-gradient(120% 90% at 20% 0%, color-mix(in srgb, #7fd8b8 30%, transparent) 0, transparent 55%),
    radial-gradient(120% 90% at 90% 10%, color-mix(in srgb, #b7a6e8 30%, transparent) 0, transparent 55%),
    linear-gradient(180deg, #eef6f4 0%, #eef1f7 60%, #f0edf7 100%);
  --surface-texture: none;
  --sidebar-background: color-mix(in srgb, #eef1f7 78%, transparent);
  --sidebar-icon-color: #4a5570;
  --folder-glyph-color: #7a5fd0;
  --listing-background-wash: none;
  --context-menu-accent-cut: #375a8a;
  --context-menu-accent-copy: #375a8a;
  --context-menu-accent-paste: #1f8a6b;
  --context-menu-accent-rename: #9a6712;
  --context-menu-accent-properties: #5a3fb0;
}
[data-theme-preview="aurora"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.2 5.2a2 2 0 0 1 2-2h1.9l1.4 1.6h4.3a2 2 0 0 1 2 2v4.4a2 2 0 0 1-2 2H4.2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
  --font-display: "Avenir Next", "Nunito Sans", "Inter", system-ui, sans-serif;
  --font-ui: "Avenir Next", "Nunito Sans", "Inter", system-ui, sans-serif;
  --font-mono: ui-monospace, "JetBrains Mono", "Cascadia Code", monospace;
  --letter-spacing-display: -0.005em;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --surface-window: #0b1120;
  --surface-content: #101a2e;
  --surface-raised: #17233d;
  --surface-sunken: #070c17;
  --surface-translucent: color-mix(in srgb, #101a2e 64%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 45%, transparent);
  --surface-hover: color-mix(in srgb, #59e0b0 10%, transparent);
  --surface-selected: color-mix(in srgb, #59e0b0 18%, transparent);
  --surface-blur: 22px;
  --text-primary: #e6ecf7;
  --text-muted: #9fb0cc;
  --text-faint: #6b7d9c;
  --text-on-accent: #0b1120;
  --text-link: #59e0b0;
  --accent: #59e0b0;
  --accent-hover: #77e8c2;
  --accent-pressed: #93efd1;
  --accent-soft: color-mix(in srgb, #59e0b0 18%, transparent);
  --accent-secondary: #b79aef;
  --focus-ring: #59e0b0;
  --danger: #ff8b80;
  --danger-hover: #ffa79e;
  --danger-soft: #331512;
  --success: #59e0b0;
  --success-soft: #0f2a22;
  --warning: #e6bb5a;
  --warning-soft: #2c2512;
  --info: #8fb8ff;
  --info-soft: #12203a;
  --border-default: color-mix(in srgb, #9fb0cc 22%, transparent);
  --border-strong: color-mix(in srgb, #9fb0cc 38%, transparent);
  --border-subtle: color-mix(in srgb, #9fb0cc 12%, transparent);
  --shadow-sm: 0 1px 3px color-mix(in srgb, #000000 45%, transparent);
  --shadow-md: 0 12px 32px color-mix(in srgb, #1c6b52 30%, transparent);
  --shadow-lg: 0 24px 60px color-mix(in srgb, #3a2a6b 40%, transparent);
  --window-background: radial-gradient(120% 80% at 15% 0%, color-mix(in srgb, #2fae7f 40%, transparent) 0, transparent 55%),
    radial-gradient(130% 90% at 85% 15%, color-mix(in srgb, #6a45c4 42%, transparent) 0, transparent 60%),
    radial-gradient(100% 70% at 50% 100%, color-mix(in srgb, #1c9fae 26%, transparent) 0, transparent 60%),
    linear-gradient(180deg, #070c18 0%, #0b1120 55%, #0d1226 100%);
  --surface-texture: none;
  --sidebar-background: color-mix(in srgb, #0d1428 72%, transparent);
  --sidebar-icon-color: #9fb0cc;
  --folder-glyph-color: #59e0b0;
  --listing-background-wash: none;
  --context-menu-accent-cut: #8fb8ff;
  --context-menu-accent-copy: #8fb8ff;
  --context-menu-accent-paste: #59e0b0;
  --context-menu-accent-rename: #e6bb5a;
  --context-menu-accent-properties: #b79aef;
}

/* Tidepool — Ocean glass */
[data-theme-preview="tidepool"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.2 5.2a2 2 0 0 1 2-2h1.9l1.4 1.6h4.3a2 2 0 0 1 2 2v4.4a2 2 0 0 1-2 2H4.2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
  --font-display: "Avenir Next", "Nunito Sans", "Inter", system-ui, sans-serif;
  --font-ui: "Avenir Next", "Nunito Sans", "Inter", system-ui, sans-serif;
  --font-mono: ui-monospace, "JetBrains Mono", "Cascadia Code", monospace;
  --letter-spacing-display: -0.005em;
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 26px;
  --radius-pill: 999px;
  --surface-window: #e6f0f2;
  --surface-content: #f2f9fa;
  --surface-raised: #ffffff;
  --surface-sunken: #d9e9ec;
  --surface-translucent: color-mix(in srgb, #f2f9fa 58%, transparent);
  --surface-overlay: color-mix(in srgb, #0e2830 8%, transparent);
  --surface-hover: color-mix(in srgb, #0a6b78 8%, transparent);
  --surface-selected: color-mix(in srgb, #0a6b78 14%, transparent);
  --surface-blur: 26px;
  --text-primary: #0e2830;
  --text-muted: #39616a;
  --text-faint: #6c8f97;
  --text-on-accent: #ffffff;
  --text-link: #0a6b78;
  --accent: #0a6b78;
  --accent-hover: #085a65;
  --accent-pressed: #064953;
  --accent-soft: color-mix(in srgb, #0a6b78 12%, transparent);
  --accent-secondary: #1f6f9a;
  --focus-ring: #0a6b78;
  --danger: #b42318;
  --danger-hover: #9a1e14;
  --danger-soft: #f4e2e0;
  --success: #1a7a5e;
  --success-soft: #def0ea;
  --warning: #9a6712;
  --warning-soft: #f2ecd8;
  --info: #1f6f9a;
  --info-soft: #e0eef4;
  --border-default: color-mix(in srgb, #0e2830 10%, transparent);
  --border-strong: color-mix(in srgb, #0e2830 18%, transparent);
  --border-subtle: color-mix(in srgb, #0e2830 5%, transparent);
  --shadow-sm: 0 2px 6px color-mix(in srgb, #0a6b78 12%, transparent);
  --shadow-md: 0 12px 32px color-mix(in srgb, #0a6b78 18%, transparent);
  --shadow-lg: 0 24px 60px color-mix(in srgb, #0e2830 24%, transparent);
  --duration-fast: 200ms;
  --duration-medium: 380ms;
  --duration-slow: 620ms;
  --motion-easing: cubic-bezier(0.37, 0, 0.16, 1);
  --window-background: radial-gradient(120% 100% at 50% 120%, color-mix(in srgb, #5fc9d6 45%, transparent) 0, transparent 60%),
    radial-gradient(100% 80% at 20% 0%, color-mix(in srgb, #a8e0e6 40%, transparent) 0, transparent 55%),
    linear-gradient(180deg, #eaf5f6 0%, #e6f0f2 60%, #dcecef 100%);
  --surface-texture: none;
  --sidebar-background: color-mix(in srgb, #e6f0f2 76%, transparent);
  --sidebar-icon-color: #39616a;
  --folder-glyph-color: #2fa3b0;
  --listing-background-wash: none;
  --context-menu-accent-cut: #1f6f9a;
  --context-menu-accent-copy: #1f6f9a;
  --context-menu-accent-paste: #1a7a5e;
  --context-menu-accent-rename: #9a6712;
  --context-menu-accent-properties: #0a6b78;
}
[data-theme-preview="tidepool"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.2 5.2a2 2 0 0 1 2-2h1.9l1.4 1.6h4.3a2 2 0 0 1 2 2v4.4a2 2 0 0 1-2 2H4.2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
  --font-display: "Avenir Next", "Nunito Sans", "Inter", system-ui, sans-serif;
  --font-ui: "Avenir Next", "Nunito Sans", "Inter", system-ui, sans-serif;
  --font-mono: ui-monospace, "JetBrains Mono", "Cascadia Code", monospace;
  --letter-spacing-display: -0.005em;
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 26px;
  --radius-pill: 999px;
  --surface-window: #06212b;
  --surface-content: #0a2d3a;
  --surface-raised: #0f3947;
  --surface-sunken: #04171e;
  --surface-translucent: color-mix(in srgb, #0a2d3a 60%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 45%, transparent);
  --surface-hover: color-mix(in srgb, #4fd0e0 10%, transparent);
  --surface-selected: color-mix(in srgb, #4fd0e0 18%, transparent);
  --surface-blur: 28px;
  --text-primary: #e0f2f5;
  --text-muted: #8fb8c0;
  --text-faint: #5f8790;
  --text-on-accent: #06212b;
  --text-link: #4fd0e0;
  --accent: #4fd0e0;
  --accent-hover: #6cd8e6;
  --accent-pressed: #89e1ec;
  --accent-soft: color-mix(in srgb, #4fd0e0 18%, transparent);
  --accent-secondary: #7fc0e8;
  --focus-ring: #4fd0e0;
  --danger: #ff8b80;
  --danger-hover: #ffa79e;
  --danger-soft: #331512;
  --success: #4fd0a0;
  --success-soft: #0d2a22;
  --warning: #e6bb5a;
  --warning-soft: #2a2412;
  --info: #7fc0e8;
  --info-soft: #0f2b3a;
  --border-default: color-mix(in srgb, #8fb8c0 22%, transparent);
  --border-strong: color-mix(in srgb, #8fb8c0 38%, transparent);
  --border-subtle: color-mix(in srgb, #8fb8c0 12%, transparent);
  --shadow-sm: 0 2px 6px color-mix(in srgb, #000000 45%, transparent);
  --shadow-md: 0 12px 32px color-mix(in srgb, #011820 55%, transparent);
  --shadow-lg: 0 24px 60px color-mix(in srgb, #000000 65%, transparent);
  --duration-fast: 200ms;
  --duration-medium: 380ms;
  --duration-slow: 620ms;
  --motion-easing: cubic-bezier(0.37, 0, 0.16, 1);
  --window-background: radial-gradient(120% 100% at 50% -10%, color-mix(in srgb, #1f8f9e 45%, transparent) 0, transparent 55%),
    radial-gradient(120% 90% at 80% 110%, color-mix(in srgb, #0d5566 55%, transparent) 0, transparent 60%),
    linear-gradient(180deg, #082733 0%, #06212b 55%, #041820 100%);
  --surface-texture: none;
  --sidebar-background: color-mix(in srgb, #072530 72%, transparent);
  --sidebar-icon-color: #8fb8c0;
  --folder-glyph-color: #4fd0e0;
  --listing-background-wash: none;
  --context-menu-accent-cut: #7fc0e8;
  --context-menu-accent-copy: #7fc0e8;
  --context-menu-accent-paste: #4fd0a0;
  --context-menu-accent-rename: #e6bb5a;
  --context-menu-accent-properties: #4fd0e0;
}

/* Botanica — A sunlit greenhouse */
[data-theme-preview="botanica"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.2 5.2a2 2 0 0 1 2-2h1.9l1.4 1.6h4.3a2 2 0 0 1 2 2v4.4a2 2 0 0 1-2 2H4.2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
  --font-display: "Iowan Old Style", "Palatino Linotype", "Georgia", "Source Serif 4", serif;
  --font-ui: "Avenir Next", "Nunito Sans", "Inter", system-ui, sans-serif;
  --font-mono: ui-monospace, "JetBrains Mono", "Cascadia Code", monospace;
  --letter-spacing-display: 0.005em;
  --radius-sm: 9px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --surface-window: #f0f0e2;
  --surface-content: #f8f8ee;
  --surface-raised: #fdfdf5;
  --surface-sunken: #e6e6d3;
  --surface-translucent: color-mix(in srgb, #f8f8ee 88%, transparent);
  --surface-overlay: color-mix(in srgb, #1c2617 8%, transparent);
  --surface-hover: color-mix(in srgb, #2f6b2a 8%, transparent);
  --surface-selected: color-mix(in srgb, #2f6b2a 14%, transparent);
  --surface-blur: 0px;
  --text-primary: #1c2617;
  --text-muted: #48583c;
  --text-faint: #778468;
  --text-on-accent: #ffffff;
  --text-link: #2f6b2a;
  --accent: #2f6b2a;
  --accent-hover: #285a23;
  --accent-pressed: #214a1d;
  --accent-soft: color-mix(in srgb, #2f6b2a 12%, transparent);
  --accent-secondary: #8a6d1f;
  --focus-ring: #2f6b2a;
  --danger: #9a1e14;
  --danger-hover: #82170f;
  --danger-soft: #f2e0d5;
  --success: #2f6b2a;
  --success-soft: #e2eeda;
  --warning: #8a6d1f;
  --warning-soft: #f2edd6;
  --info: #2a6a6a;
  --info-soft: #e0eeee;
  --border-default: color-mix(in srgb, #1c2617 12%, transparent);
  --border-strong: color-mix(in srgb, #1c2617 20%, transparent);
  --border-subtle: color-mix(in srgb, #1c2617 6%, transparent);
  --shadow-sm: 0 1px 3px color-mix(in srgb, #1c2617 12%, transparent);
  --shadow-md: 0 6px 20px color-mix(in srgb, #1c2617 16%, transparent);
  --shadow-lg: 0 16px 42px color-mix(in srgb, #1c2617 22%, transparent);
  --window-background: radial-gradient(38% 46% at 12% 18%, color-mix(in srgb, #2f6b2a 10%, transparent) 0, transparent 70%),
    radial-gradient(30% 40% at 88% 78%, color-mix(in srgb, #8a6d1f 10%, transparent) 0, transparent 70%),
    linear-gradient(180deg, #f2f2e6 0%, #f0f0e2 100%);
  --surface-texture: repeating-linear-gradient(115deg, transparent 0 16px, color-mix(in srgb, #2f6b2a 3%, transparent) 16px 17px);
  --sidebar-background: #ebebdb;
  --sidebar-icon-color: #48583c;
  --folder-glyph-color: #5aa03a;
  --listing-background-wash: none;
  --context-menu-accent-cut: #2a6a6a;
  --context-menu-accent-copy: #2a6a6a;
  --context-menu-accent-paste: #2f6b2a;
  --context-menu-accent-rename: #8a6d1f;
  --context-menu-accent-properties: #6b3fbf;
}
[data-theme-preview="botanica"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.2 5.2a2 2 0 0 1 2-2h1.9l1.4 1.6h4.3a2 2 0 0 1 2 2v4.4a2 2 0 0 1-2 2H4.2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
  --font-display: "Iowan Old Style", "Palatino Linotype", "Georgia", "Source Serif 4", serif;
  --font-ui: "Avenir Next", "Nunito Sans", "Inter", system-ui, sans-serif;
  --font-mono: ui-monospace, "JetBrains Mono", "Cascadia Code", monospace;
  --letter-spacing-display: 0.005em;
  --radius-sm: 9px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --surface-window: #0f1a10;
  --surface-content: #152216;
  --surface-raised: #1d2d1e;
  --surface-sunken: #0a120b;
  --surface-translucent: color-mix(in srgb, #152216 90%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 42%, transparent);
  --surface-hover: color-mix(in srgb, #7fc86a 10%, transparent);
  --surface-selected: color-mix(in srgb, #7fc86a 18%, transparent);
  --surface-blur: 0px;
  --text-primary: #e6f0e0;
  --text-muted: #9fb897;
  --text-faint: #6f8768;
  --text-on-accent: #0f1a10;
  --text-link: #7fc86a;
  --accent: #7fc86a;
  --accent-hover: #95d383;
  --accent-pressed: #abdd9c;
  --accent-soft: color-mix(in srgb, #7fc86a 18%, transparent);
  --accent-secondary: #d0b45a;
  --focus-ring: #7fc86a;
  --danger: #f28b7d;
  --danger-hover: #f6a498;
  --danger-soft: #2e1712;
  --success: #7fc86a;
  --success-soft: #14240f;
  --warning: #d0b45a;
  --warning-soft: #2a2512;
  --info: #6ec0c0;
  --info-soft: #0f2626;
  --border-default: color-mix(in srgb, #e6f0e0 14%, transparent);
  --border-strong: color-mix(in srgb, #e6f0e0 26%, transparent);
  --border-subtle: color-mix(in srgb, #e6f0e0 8%, transparent);
  --shadow-sm: 0 1px 3px color-mix(in srgb, #000000 45%, transparent);
  --shadow-md: 0 6px 20px color-mix(in srgb, #000000 55%, transparent);
  --shadow-lg: 0 16px 42px color-mix(in srgb, #000000 65%, transparent);
  --window-background: radial-gradient(40% 48% at 14% 16%, color-mix(in srgb, #7fc86a 14%, transparent) 0, transparent 70%),
    radial-gradient(34% 42% at 86% 80%, color-mix(in srgb, #2a6a4a 30%, transparent) 0, transparent 70%),
    linear-gradient(180deg, #111d12 0%, #0f1a10 100%);
  --surface-texture: repeating-linear-gradient(115deg, transparent 0 16px, color-mix(in srgb, #7fc86a 4%, transparent) 16px 17px);
  --sidebar-background: #0d160e;
  --sidebar-icon-color: #9fb897;
  --folder-glyph-color: #7fc86a;
  --listing-background-wash: none;
  --context-menu-accent-cut: #6ec0c0;
  --context-menu-accent-copy: #6ec0c0;
  --context-menu-accent-paste: #7fc86a;
  --context-menu-accent-rename: #d0b45a;
  --context-menu-accent-properties: #b79aef;
}

/* Dune Shade — Warm desert sand */
[data-theme-preview="duneshade"][data-scheme="light"] {
  --font-display: "Optima", "Gill Sans", "Avenir Next", "Inter", system-ui, sans-serif;
  --font-ui: "Optima", "Gill Sans", "Avenir Next", "Inter", system-ui, sans-serif;
  --font-mono: ui-monospace, "JetBrains Mono", "Cascadia Code", monospace;
  --letter-spacing-display: 0.01em;
  --radius-sm: 7px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-pill: 999px;
  --surface-window: #f3e7d6;
  --surface-content: #faf1e4;
  --surface-raised: #fdf8ef;
  --surface-sunken: #ecdcc4;
  --surface-translucent: color-mix(in srgb, #faf1e4 88%, transparent);
  --surface-overlay: color-mix(in srgb, #2a1c10 8%, transparent);
  --surface-hover: color-mix(in srgb, #a8451c 8%, transparent);
  --surface-selected: color-mix(in srgb, #a8451c 14%, transparent);
  --surface-blur: 0px;
  --text-primary: #2a1c10;
  --text-muted: #6a4e35;
  --text-faint: #9a8163;
  --text-on-accent: #ffffff;
  --text-link: #a8451c;
  --accent: #a8451c;
  --accent-hover: #8f3a17;
  --accent-pressed: #772f12;
  --accent-soft: color-mix(in srgb, #a8451c 12%, transparent);
  --accent-secondary: #8a6d1f;
  --focus-ring: #a8451c;
  --danger: #a51d1d;
  --danger-hover: #8a1717;
  --danger-soft: #f4dfd5;
  --success: #5a6b1f;
  --success-soft: #eaecd2;
  --warning: #9a6712;
  --warning-soft: #f4e8d0;
  --info: #7a5a2a;
  --info-soft: #f0e6d2;
  --border-default: color-mix(in srgb, #2a1c10 12%, transparent);
  --border-strong: color-mix(in srgb, #2a1c10 20%, transparent);
  --border-subtle: color-mix(in srgb, #2a1c10 6%, transparent);
  --shadow-sm: 0 1px 4px color-mix(in srgb, #8a5a2a 14%, transparent);
  --shadow-md: 0 8px 26px color-mix(in srgb, #8a5a2a 18%, transparent);
  --shadow-lg: 0 20px 52px color-mix(in srgb, #6a4223 22%, transparent);
  --window-background: radial-gradient(120% 80% at 80% 0%, color-mix(in srgb, #f6d9a8 55%, transparent) 0, transparent 55%),
    linear-gradient(155deg, #f6ecd8 0%, #f3e7d6 45%, #edddc4 78%, #e6d2b6 100%);
  --surface-texture: repeating-linear-gradient(160deg, transparent 0 22px, color-mix(in srgb, #a8451c 3%, transparent) 22px 24px);
  --sidebar-background: #eeddc6;
  --sidebar-icon-color: #6a4e35;
  --folder-glyph-color: #cf7a3a;
  --listing-background-wash: none;
  --context-menu-accent-cut: #7a5a2a;
  --context-menu-accent-copy: #7a5a2a;
  --context-menu-accent-paste: #5a6b1f;
  --context-menu-accent-rename: #9a6712;
  --context-menu-accent-properties: #a8451c;
}
[data-theme-preview="duneshade"][data-scheme="dark"] {
  --font-display: "Optima", "Gill Sans", "Avenir Next", "Inter", system-ui, sans-serif;
  --font-ui: "Optima", "Gill Sans", "Avenir Next", "Inter", system-ui, sans-serif;
  --font-mono: ui-monospace, "JetBrains Mono", "Cascadia Code", monospace;
  --letter-spacing-display: 0.01em;
  --radius-sm: 7px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-pill: 999px;
  --surface-window: #231810;
  --surface-content: #2c1f15;
  --surface-raised: #38291c;
  --surface-sunken: #1a1109;
  --surface-translucent: color-mix(in srgb, #2c1f15 90%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 42%, transparent);
  --surface-hover: color-mix(in srgb, #e8975a 10%, transparent);
  --surface-selected: color-mix(in srgb, #e8975a 18%, transparent);
  --surface-blur: 0px;
  --text-primary: #f2e4d3;
  --text-muted: #c2a385;
  --text-faint: #927556;
  --text-on-accent: #231810;
  --text-link: #e8975a;
  --accent: #e8975a;
  --accent-hover: #eeac77;
  --accent-pressed: #f2bd91;
  --accent-soft: color-mix(in srgb, #e8975a 18%, transparent);
  --accent-secondary: #d0b45a;
  --focus-ring: #e8975a;
  --danger: #f2907d;
  --danger-hover: #f6a998;
  --danger-soft: #331611;
  --success: #bcc86a;
  --success-soft: #262812;
  --warning: #e0b45a;
  --warning-soft: #2c2412;
  --info: #d8b482;
  --info-soft: #2a2015;
  --border-default: color-mix(in srgb, #f2e4d3 14%, transparent);
  --border-strong: color-mix(in srgb, #f2e4d3 26%, transparent);
  --border-subtle: color-mix(in srgb, #f2e4d3 8%, transparent);
  --shadow-sm: 0 1px 4px color-mix(in srgb, #000000 40%, transparent);
  --shadow-md: 0 8px 26px color-mix(in srgb, #000000 50%, transparent);
  --shadow-lg: 0 20px 52px color-mix(in srgb, #000000 60%, transparent);
  --window-background: radial-gradient(120% 80% at 75% 110%, color-mix(in srgb, #8a4a1f 42%, transparent) 0, transparent 55%),
    linear-gradient(155deg, #281c12 0%, #231810 55%, #1c130b 100%);
  --surface-texture: repeating-linear-gradient(160deg, transparent 0 22px, color-mix(in srgb, #e8975a 4%, transparent) 22px 24px);
  --sidebar-background: #1f150d;
  --sidebar-icon-color: #c2a385;
  --folder-glyph-color: #e8975a;
  --listing-background-wash: none;
  --context-menu-accent-cut: #d8b482;
  --context-menu-accent-copy: #d8b482;
  --context-menu-accent-paste: #bcc86a;
  --context-menu-accent-rename: #e0b45a;
  --context-menu-accent-properties: #e8975a;
}

/* Zen Garden — Zen minimalism, vast whitespace */
[data-theme-preview="zengarden"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 4.5h4l1.2 1.4h6.8v7.1a0.8 0.8 0 0 1-0.8 0.8H2.8a0.8 0.8 0 0 1-0.8-0.8z'/%3E%3C/svg%3E");
  --font-display: "Iowan Old Style", "Palatino Linotype", "Georgia", "Source Serif 4", serif;
  --font-ui: "Avenir Next", "Nunito Sans", "Inter", system-ui, sans-serif;
  --font-mono: ui-monospace, "JetBrains Mono", "Cascadia Code", monospace;
  --letter-spacing-display: 0.02em;
  --radius-sm: 3px;
  --radius-md: 5px;
  --radius-lg: 8px;
  --radius-pill: 999px;
  --space-xs: 0.625rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.25rem;
  --space-xl: 3rem;
  --space-2xl: 4.5rem;
  --surface-window: #f4f2ec;
  --surface-content: #faf9f5;
  --surface-raised: #ffffff;
  --surface-sunken: #ece9e0;
  --surface-translucent: color-mix(in srgb, #faf9f5 90%, transparent);
  --surface-overlay: color-mix(in srgb, #22201b 6%, transparent);
  --surface-hover: color-mix(in srgb, #7a5a2a 6%, transparent);
  --surface-selected: color-mix(in srgb, #7a5a2a 12%, transparent);
  --surface-blur: 0px;
  --text-primary: #22201b;
  --text-muted: #54514a;
  --text-faint: #8a867c;
  --text-on-accent: #ffffff;
  --text-link: #7a5a2a;
  --accent: #7a5a2a;
  --accent-hover: #674c23;
  --accent-pressed: #543e1c;
  --accent-soft: color-mix(in srgb, #7a5a2a 10%, transparent);
  --accent-secondary: #54514a;
  --focus-ring: #7a5a2a;
  --danger: #9a1e14;
  --danger-hover: #82170f;
  --danger-soft: #f1e0d9;
  --success: #4a6b2a;
  --success-soft: #e8eddc;
  --warning: #9a6712;
  --warning-soft: #f2ecd9;
  --info: #45607a;
  --info-soft: #e6eaef;
  --border-default: color-mix(in srgb, #22201b 6%, transparent);
  --border-strong: color-mix(in srgb, #22201b 11%, transparent);
  --border-subtle: color-mix(in srgb, #22201b 3%, transparent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, #22201b 5%, transparent);
  --shadow-md: 0 6px 22px color-mix(in srgb, #22201b 8%, transparent);
  --shadow-lg: 0 18px 46px color-mix(in srgb, #22201b 12%, transparent);
  --duration-fast: 180ms;
  --duration-medium: 340ms;
  --duration-slow: 560ms;
  --motion-easing: cubic-bezier(0.33, 0, 0.1, 1);
  --window-background: linear-gradient(180deg, #f6f4ee 0%, #f4f2ec 100%);
  --surface-texture: none;
  --sidebar-background: #f0eee7;
  --sidebar-icon-color: #54514a;
  --folder-glyph-color: #a68a52;
  --listing-background-wash: none;
  --context-menu-accent-cut: #45607a;
  --context-menu-accent-copy: #45607a;
  --context-menu-accent-paste: #4a6b2a;
  --context-menu-accent-rename: #9a6712;
  --context-menu-accent-properties: #7a5a2a;
}
[data-theme-preview="zengarden"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 4.5h4l1.2 1.4h6.8v7.1a0.8 0.8 0 0 1-0.8 0.8H2.8a0.8 0.8 0 0 1-0.8-0.8z'/%3E%3C/svg%3E");
  --font-display: "Iowan Old Style", "Palatino Linotype", "Georgia", "Source Serif 4", serif;
  --font-ui: "Avenir Next", "Nunito Sans", "Inter", system-ui, sans-serif;
  --font-mono: ui-monospace, "JetBrains Mono", "Cascadia Code", monospace;
  --letter-spacing-display: 0.02em;
  --radius-sm: 3px;
  --radius-md: 5px;
  --radius-lg: 8px;
  --radius-pill: 999px;
  --space-xs: 0.625rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.25rem;
  --space-xl: 3rem;
  --space-2xl: 4.5rem;
  --surface-window: #181714;
  --surface-content: #1f1e1a;
  --surface-raised: #272621;
  --surface-sunken: #100f0c;
  --surface-translucent: color-mix(in srgb, #1f1e1a 90%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 42%, transparent);
  --surface-hover: color-mix(in srgb, #cbb389 8%, transparent);
  --surface-selected: color-mix(in srgb, #cbb389 15%, transparent);
  --surface-blur: 0px;
  --text-primary: #eae7df;
  --text-muted: #a49f94;
  --text-faint: #746f65;
  --text-on-accent: #181714;
  --text-link: #cbb389;
  --accent: #cbb389;
  --accent-hover: #d7c29d;
  --accent-pressed: #e2d0b1;
  --accent-soft: color-mix(in srgb, #cbb389 15%, transparent);
  --accent-secondary: #a49f94;
  --focus-ring: #cbb389;
  --danger: #f19a90;
  --danger-hover: #f6b2aa;
  --danger-soft: #2a1512;
  --success: #a6c07a;
  --success-soft: #1e2612;
  --warning: #d8b45a;
  --warning-soft: #2a2412;
  --info: #a0b4cc;
  --info-soft: #191f28;
  --border-default: color-mix(in srgb, #eae7df 7%, transparent);
  --border-strong: color-mix(in srgb, #eae7df 13%, transparent);
  --border-subtle: color-mix(in srgb, #eae7df 4%, transparent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 40%, transparent);
  --shadow-md: 0 6px 22px color-mix(in srgb, #000000 50%, transparent);
  --shadow-lg: 0 18px 46px color-mix(in srgb, #000000 60%, transparent);
  --duration-fast: 180ms;
  --duration-medium: 340ms;
  --duration-slow: 560ms;
  --motion-easing: cubic-bezier(0.33, 0, 0.1, 1);
  --window-background: linear-gradient(180deg, #1a1915 0%, #181714 100%);
  --surface-texture: none;
  --sidebar-background: #161510;
  --sidebar-icon-color: #a49f94;
  --folder-glyph-color: #cbb389;
  --listing-background-wash: none;
  --context-menu-accent-cut: #a0b4cc;
  --context-menu-accent-copy: #a0b4cc;
  --context-menu-accent-paste: #a6c07a;
  --context-menu-accent-rename: #d8b45a;
  --context-menu-accent-properties: #cbb389;
}

/* Bauhaus — Primary triad, black, off-white — flat and geometric */
[data-theme-preview="bauhaus"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.8h6l1.6 2.6h7.4v7.8H1z'/%3E%3C/svg%3E");
  --font-ui: "Futura", "Century Gothic", "Josefin Sans", "Segoe UI", system-ui, sans-serif;
  --font-display: "Futura", "Century Gothic", "Josefin Sans", "Segoe UI", system-ui, sans-serif;
  --font-mono: "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.02em;
  --radius-xs: 0;
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-pill: 0;
  --border-width: 2px;
  --surface-window: #f4f1e8;
  --surface-content: #ffffff;
  --surface-raised: #ffffff;
  --surface-sunken: #e9e4d6;
  --surface-translucent: #f4f1e8;
  --surface-overlay: color-mix(in srgb, #111111 6%, transparent);
  --surface-hover: color-mix(in srgb, #1d3a8f 10%, transparent);
  --surface-selected: color-mix(in srgb, #1d3a8f 16%, transparent);
  --surface-blur: 0px;
  --text-primary: #111111;
  --text-muted: #4a4a4a;
  --text-faint: #767676;
  --text-on-accent: #ffffff;
  --text-link: #1d3a8f;
  --accent: #1d3a8f;
  --accent-hover: #16306f;
  --accent-pressed: #112658;
  --accent-soft: color-mix(in srgb, #1d3a8f 14%, transparent);
  --accent-secondary: #c1121f;
  --focus-ring: #1d3a8f;
  --danger: #c1121f;
  --danger-hover: #a20f1a;
  --danger-soft: #f7dcde;
  --success: #1a7f37;
  --success-soft: #dff0e5;
  --warning: #c78a00;
  --warning-soft: #f7eccc;
  --info: #1d3a8f;
  --info-soft: #dde3f2;
  --border-default: color-mix(in srgb, #111111 78%, transparent);
  --border-strong: #111111;
  --border-subtle: color-mix(in srgb, #111111 40%, transparent);
  --shadow-sm: none;
  --shadow-md: 4px 4px 0 #111111;
  --shadow-lg: 8px 8px 0 #111111;
  --sidebar-background: #111111;
  --sidebar-text: #f4f1e8;
  --sidebar-icon-color: #f2c500;
  --sidebar-group-heading-text: #c9c4b6;
  --sidebar-item-selected-background: color-mix(in srgb, #1d3a8f 60%, transparent);
  --sidebar-item-selected-text: #ffffff;
  --folder-glyph-color: #f2c500;
  --listing-background-wash: none;
  --listing-row-selected-background: #1d3a8f;
  --listing-row-selected-text: #ffffff;
  --menu-background: #ffffff;
  --menu-border: #111111;
  --menu-shadow: 6px 6px 0 #111111;
  --context-menu-accent-cut: #1d3a8f;
  --context-menu-accent-copy: #1d3a8f;
  --context-menu-accent-paste: #1a7f37;
  --context-menu-accent-rename: #a86b00;
  --context-menu-accent-properties: #c1121f;
}
[data-theme-preview="bauhaus"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.8h6l1.6 2.6h7.4v7.8H1z'/%3E%3C/svg%3E");
  --font-ui: "Futura", "Century Gothic", "Josefin Sans", "Segoe UI", system-ui, sans-serif;
  --font-display: "Futura", "Century Gothic", "Josefin Sans", "Segoe UI", system-ui, sans-serif;
  --font-mono: "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.02em;
  --radius-xs: 0;
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-pill: 0;
  --border-width: 2px;
  --surface-window: #1a1a1a;
  --surface-content: #202020;
  --surface-raised: #262626;
  --surface-sunken: #141414;
  --surface-translucent: #1a1a1a;
  --surface-overlay: color-mix(in srgb, #000000 45%, transparent);
  --surface-hover: color-mix(in srgb, #6ea3e0 14%, transparent);
  --surface-selected: color-mix(in srgb, #6ea3e0 24%, transparent);
  --surface-blur: 0px;
  --text-primary: #f4f1e8;
  --text-muted: #b3b3b3;
  --text-faint: #808080;
  --text-on-accent: #111111;
  --text-link: #6ea3e0;
  --accent: #6ea3e0;
  --accent-hover: #86b4e8;
  --accent-pressed: #9cc2ee;
  --accent-soft: color-mix(in srgb, #6ea3e0 22%, transparent);
  --accent-secondary: #f26d6d;
  --focus-ring: #6ea3e0;
  --danger: #f26d6d;
  --danger-hover: #f58888;
  --danger-soft: #3a1717;
  --success: #5fc27e;
  --success-soft: #14301d;
  --warning: #f2c500;
  --warning-soft: #332b06;
  --info: #6ea3e0;
  --info-soft: #14243a;
  --border-default: color-mix(in srgb, #f4f1e8 55%, transparent);
  --border-strong: #f4f1e8;
  --border-subtle: color-mix(in srgb, #f4f1e8 28%, transparent);
  --shadow-sm: none;
  --shadow-md: 4px 4px 0 #000000;
  --shadow-lg: 8px 8px 0 #000000;
  --sidebar-background: #000000;
  --sidebar-text: #f4f1e8;
  --sidebar-icon-color: #f2c500;
  --sidebar-group-heading-text: #999999;
  --sidebar-item-selected-background: color-mix(in srgb, #6ea3e0 40%, transparent);
  --sidebar-item-selected-text: #ffffff;
  --folder-glyph-color: #f2c500;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #6ea3e0 34%, transparent);
  --listing-row-selected-text: #f4f1e8;
  --menu-background: #202020;
  --menu-border: #f4f1e8;
  --menu-shadow: 6px 6px 0 #000000;
  --context-menu-accent-cut: #6ea3e0;
  --context-menu-accent-copy: #6ea3e0;
  --context-menu-accent-paste: #5fc27e;
  --context-menu-accent-rename: #f2c500;
  --context-menu-accent-properties: #f26d6d;
}

/* Art Deco — Gold on charcoal, sunburst fans, gilt symmetry */
[data-theme-preview="deco"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.8h6l1.6 2.6h7.4v7.8H1z'/%3E%3C/svg%3E");
  --font-ui: "Century Gothic", "Questrial", "Segoe UI", system-ui, sans-serif;
  --font-display: "Bodoni MT", "Didot", "Playfair Display", "Bodoni Moda", Georgia, serif;
  --font-mono: "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.06em;
  --radius-sm: 0;
  --radius-md: 2px;
  --radius-lg: 3px;
  --surface-window: #f4ecd8;
  --surface-content: #fbf6e9;
  --surface-raised: #fffdf6;
  --surface-sunken: #ece1c6;
  --surface-translucent: color-mix(in srgb, #fbf6e9 88%, transparent);
  --surface-overlay: color-mix(in srgb, #1c1c1c 8%, transparent);
  --surface-hover: color-mix(in srgb, #836114 12%, transparent);
  --surface-selected: color-mix(in srgb, #836114 20%, transparent);
  --text-primary: #1c1c1c;
  --text-muted: #514a36;
  --text-faint: #857b60;
  --text-on-accent: #ffffff;
  --text-link: #836114;
  --accent: #836114;
  --accent-hover: #6d5010;
  --accent-pressed: #59410c;
  --accent-soft: color-mix(in srgb, #836114 16%, transparent);
  --accent-secondary: #1c1c1c;
  --focus-ring: #836114;
  --danger: #a5271f;
  --danger-hover: #881f19;
  --danger-soft: #f3d9d6;
  --success: #1a6f45;
  --success-soft: #dcefe4;
  --warning: #9a6b0f;
  --warning-soft: #f2e6c9;
  --info: #836114;
  --info-soft: #efe5cb;
  --border-default: color-mix(in srgb, #836114 40%, transparent);
  --border-strong: #836114;
  --border-subtle: color-mix(in srgb, #836114 22%, transparent);
  --shadow-sm: 0 1px 0 color-mix(in srgb, #836114 30%, transparent);
  --shadow-md: 0 6px 20px color-mix(in srgb, #1c1c1c 20%, transparent);
  --shadow-lg: 0 16px 40px color-mix(in srgb, #1c1c1c 30%, transparent);
  --window-background: repeating-conic-gradient(from 0deg at 50% -12%,
      color-mix(in srgb, #836114 6%, transparent) 0deg 3deg,
      transparent 3deg 6deg),
    #f4ecd8;
  --sidebar-background: #1c1c1c;
  --sidebar-text: #f0e6cf;
  --sidebar-icon-color: #c9a24a;
  --sidebar-group-heading-text: #c9a24a;
  --sidebar-item-selected-background: color-mix(in srgb, #c9a24a 34%, transparent);
  --sidebar-item-selected-text: #ffffff;
  --folder-glyph-color: #c9a24a;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #836114 22%, transparent);
  --listing-row-selected-text: #1c1c1c;
  --menu-background: #fffdf6;
  --menu-border: #836114;
  --menu-shadow: 0 12px 34px color-mix(in srgb, #1c1c1c 28%, transparent);
  --context-menu-accent-cut: #836114;
  --context-menu-accent-copy: #836114;
  --context-menu-accent-paste: #1a6f45;
  --context-menu-accent-rename: #9a6b0f;
  --context-menu-accent-properties: #a5271f;
}
[data-theme-preview="deco"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.8h6l1.6 2.6h7.4v7.8H1z'/%3E%3C/svg%3E");
  --font-ui: "Century Gothic", "Questrial", "Segoe UI", system-ui, sans-serif;
  --font-display: "Bodoni MT", "Didot", "Playfair Display", "Bodoni Moda", Georgia, serif;
  --font-mono: "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.06em;
  --radius-sm: 0;
  --radius-md: 2px;
  --radius-lg: 3px;
  --surface-window: #14140f;
  --surface-content: #1b1b14;
  --surface-raised: #23231a;
  --surface-sunken: #0f0f0a;
  --surface-translucent: color-mix(in srgb, #1b1b14 90%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 50%, transparent);
  --surface-hover: color-mix(in srgb, #c9a24a 14%, transparent);
  --surface-selected: color-mix(in srgb, #c9a24a 26%, transparent);
  --text-primary: #f0e6cf;
  --text-muted: #b8a878;
  --text-faint: #857a56;
  --text-on-accent: #1a1408;
  --text-link: #c9a24a;
  --accent: #c9a24a;
  --accent-hover: #d6b25f;
  --accent-pressed: #e0c179;
  --accent-soft: color-mix(in srgb, #c9a24a 22%, transparent);
  --accent-secondary: #f0e6cf;
  --focus-ring: #c9a24a;
  --danger: #e88a6a;
  --danger-hover: #ee9f82;
  --danger-soft: #35190f;
  --success: #62c48c;
  --success-soft: #12291d;
  --warning: #e0b45c;
  --warning-soft: #2e2611;
  --info: #c9a24a;
  --info-soft: #2a2411;
  --border-default: color-mix(in srgb, #c9a24a 34%, transparent);
  --border-strong: #c9a24a;
  --border-subtle: color-mix(in srgb, #c9a24a 18%, transparent);
  --shadow-sm: 0 1px 0 color-mix(in srgb, #c9a24a 24%, transparent);
  --shadow-md: 0 6px 20px color-mix(in srgb, #000000 55%, transparent);
  --shadow-lg: 0 16px 40px color-mix(in srgb, #000000 65%, transparent);
  --window-background: repeating-conic-gradient(from 0deg at 50% -12%,
      color-mix(in srgb, #c9a24a 9%, transparent) 0deg 3deg,
      transparent 3deg 6deg),
    #14140f;
  --sidebar-background: #0f0f0a;
  --sidebar-text: #f0e6cf;
  --sidebar-icon-color: #c9a24a;
  --sidebar-group-heading-text: #b8a878;
  --sidebar-item-selected-background: color-mix(in srgb, #c9a24a 30%, transparent);
  --sidebar-item-selected-text: #f0e6cf;
  --folder-glyph-color: #c9a24a;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #c9a24a 26%, transparent);
  --listing-row-selected-text: #f0e6cf;
  --menu-background: #23231a;
  --menu-border: #c9a24a;
  --menu-shadow: 0 12px 34px color-mix(in srgb, #000000 60%, transparent);
  --context-menu-accent-cut: #c9a24a;
  --context-menu-accent-copy: #c9a24a;
  --context-menu-accent-paste: #62c48c;
  --context-menu-accent-rename: #e0b45c;
  --context-menu-accent-properties: #e88a6a;
}

/* Brutalist — Raw concrete, massive frames, hard shadows */
[data-theme-preview="brutalist"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.8h6l1.6 2.6h7.4v7.8H1z'/%3E%3C/svg%3E");
  --font-ui: "Helvetica Neue", "Arial", "Arimo", system-ui, sans-serif;
  --font-display: "Arial Black", "Helvetica Neue", "Arimo", system-ui, sans-serif;
  --font-mono: "Courier New", "IBM Plex Mono", ui-monospace, monospace;
  --letter-spacing-display: -0.01em;
  --radius-xs: 0;
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-pill: 0;
  --border-width: 3px;
  --duration-fast: 0ms;
  --duration-medium: 0ms;
  --duration-slow: 0ms;
  --motion-easing: linear;
  --surface-window: #d4d1c9;
  --surface-content: #e6e3db;
  --surface-raised: #efece4;
  --surface-sunken: #c2bfb6;
  --surface-translucent: #d4d1c9;
  --surface-overlay: color-mix(in srgb, #0a0a0a 10%, transparent);
  --surface-hover: color-mix(in srgb, #0a0a0a 8%, transparent);
  --surface-selected: color-mix(in srgb, #12469e 18%, transparent);
  --surface-blur: 0px;
  --text-primary: #0a0a0a;
  --text-muted: #333333;
  --text-faint: #5e5e5e;
  --text-on-accent: #ffffff;
  --text-link: #12469e;
  --accent: #12469e;
  --accent-hover: #0e3a84;
  --accent-pressed: #0b2e69;
  --accent-soft: color-mix(in srgb, #12469e 16%, transparent);
  --accent-secondary: #0a0a0a;
  --focus-ring: #12469e;
  --danger: #a51d0f;
  --danger-hover: #85170c;
  --danger-soft: #efd3cf;
  --success: #1a6f37;
  --success-soft: #d6e8dc;
  --warning: #8a5a00;
  --warning-soft: #ece0c6;
  --info: #12469e;
  --info-soft: #d5ddec;
  --border-default: #0a0a0a;
  --border-strong: #0a0a0a;
  --border-subtle: color-mix(in srgb, #0a0a0a 45%, transparent);
  --shadow-sm: 3px 3px 0 #0a0a0a;
  --shadow-md: 6px 6px 0 #0a0a0a;
  --shadow-lg: 10px 10px 0 #0a0a0a;
  --sidebar-background: #c2bfb6;
  --sidebar-text: #0a0a0a;
  --sidebar-icon-color: #0a0a0a;
  --sidebar-group-heading-text: #333333;
  --sidebar-item-selected-background: #12469e;
  --sidebar-item-selected-text: #ffffff;
  --folder-glyph-color: #6e6a60;
  --listing-background-wash: none;
  --listing-row-selected-background: #12469e;
  --listing-row-selected-text: #ffffff;
  --menu-background: #efece4;
  --menu-border: #0a0a0a;
  --menu-shadow: 6px 6px 0 #0a0a0a;
  --context-menu-accent-cut: #12469e;
  --context-menu-accent-copy: #12469e;
  --context-menu-accent-paste: #1a6f37;
  --context-menu-accent-rename: #8a5a00;
  --context-menu-accent-properties: #0a0a0a;
}
[data-theme-preview="brutalist"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.8h6l1.6 2.6h7.4v7.8H1z'/%3E%3C/svg%3E");
  --font-ui: "Helvetica Neue", "Arial", "Arimo", system-ui, sans-serif;
  --font-display: "Arial Black", "Helvetica Neue", "Arimo", system-ui, sans-serif;
  --font-mono: "Courier New", "IBM Plex Mono", ui-monospace, monospace;
  --letter-spacing-display: -0.01em;
  --radius-xs: 0;
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-pill: 0;
  --border-width: 3px;
  --duration-fast: 0ms;
  --duration-medium: 0ms;
  --duration-slow: 0ms;
  --motion-easing: linear;
  --surface-window: #22211e;
  --surface-content: #2b2a26;
  --surface-raised: #333230;
  --surface-sunken: #171614;
  --surface-translucent: #22211e;
  --surface-overlay: color-mix(in srgb, #000000 50%, transparent);
  --surface-hover: color-mix(in srgb, #eae7de 8%, transparent);
  --surface-selected: color-mix(in srgb, #7aa2f0 22%, transparent);
  --surface-blur: 0px;
  --text-primary: #eae7de;
  --text-muted: #adaaa0;
  --text-faint: #7d7a72;
  --text-on-accent: #0a0a0a;
  --text-link: #7aa2f0;
  --accent: #7aa2f0;
  --accent-hover: #92b3f4;
  --accent-pressed: #a8c2f7;
  --accent-soft: color-mix(in srgb, #7aa2f0 22%, transparent);
  --accent-secondary: #eae7de;
  --focus-ring: #7aa2f0;
  --danger: #f27a6d;
  --danger-hover: #f59185;
  --danger-soft: #391613;
  --success: #5fc27e;
  --success-soft: #14301d;
  --warning: #e0b45c;
  --warning-soft: #2e2611;
  --info: #7aa2f0;
  --info-soft: #17233a;
  --border-default: #eae7de;
  --border-strong: #eae7de;
  --border-subtle: color-mix(in srgb, #eae7de 40%, transparent);
  --shadow-sm: 3px 3px 0 #000000;
  --shadow-md: 6px 6px 0 #000000;
  --shadow-lg: 10px 10px 0 #000000;
  --sidebar-background: #171614;
  --sidebar-text: #eae7de;
  --sidebar-icon-color: #eae7de;
  --sidebar-group-heading-text: #adaaa0;
  --sidebar-item-selected-background: color-mix(in srgb, #7aa2f0 34%, transparent);
  --sidebar-item-selected-text: #eae7de;
  --folder-glyph-color: #9a968c;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #7aa2f0 30%, transparent);
  --listing-row-selected-text: #eae7de;
  --menu-background: #2b2a26;
  --menu-border: #eae7de;
  --menu-shadow: 6px 6px 0 #000000;
  --context-menu-accent-cut: #7aa2f0;
  --context-menu-accent-copy: #7aa2f0;
  --context-menu-accent-paste: #5fc27e;
  --context-menu-accent-rename: #e0b45c;
  --context-menu-accent-properties: #eae7de;
}

/* Memphis Group — Clashing pastels, confetti, mismatched radii */
[data-theme-preview="memphis"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.8h6l1.6 2.6h7.4v7.8H1z'/%3E%3C/svg%3E");
  --font-ui: "Futura", "Poppins", "Century Gothic", "Segoe UI", system-ui, sans-serif;
  --font-display: "Futura", "Poppins", "Century Gothic", "Segoe UI", system-ui, sans-serif;
  --font-mono: "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.01em;
  --radius-xs: 0;
  --radius-sm: 2px;
  --radius-md: 14px;
  --radius-lg: 4px;
  --radius-pill: 999px;
  --border-width: 2px;
  --surface-window: #faf3e8;
  --surface-content: #ffffff;
  --surface-raised: #ffffff;
  --surface-sunken: #f0e7d6;
  --surface-translucent: color-mix(in srgb, #ffffff 85%, transparent);
  --surface-overlay: color-mix(in srgb, #141414 8%, transparent);
  --surface-hover: color-mix(in srgb, #17b6c9 16%, transparent);
  --surface-selected: color-mix(in srgb, #c01d6b 16%, transparent);
  --surface-texture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%23141414' stroke-width='2' opacity='0.10'%3E%3Cpath d='M8 26 q8 -12 16 0 q8 12 16 0'/%3E%3Cpath d='M96 104 q8 -12 16 0 q8 12 16 0'/%3E%3C/g%3E%3Cg opacity='0.10'%3E%3Ccircle cx='110' cy='24' r='6' fill='%23c01d6b'/%3E%3Crect x='24' y='92' width='11' height='11' fill='%2317b6c9'/%3E%3Crect x='64' y='50' width='11' height='11' transform='rotate(45 69 55)' fill='%23f2b705'/%3E%3Cpath d='M120 78 l7 12 -14 0 z' fill='%23141414'/%3E%3C/g%3E%3C/svg%3E");
  --text-primary: #141414;
  --text-muted: #4d4d4d;
  --text-faint: #7a7a7a;
  --text-on-accent: #ffffff;
  --text-link: #c01d6b;
  --accent: #c01d6b;
  --accent-hover: #a41759;
  --accent-pressed: #891249;
  --accent-soft: color-mix(in srgb, #c01d6b 16%, transparent);
  --accent-secondary: #0f9aab;
  --focus-ring: #c01d6b;
  --danger: #cf2020;
  --danger-hover: #ad1a1a;
  --danger-soft: #f7d6d6;
  --success: #1a8f4a;
  --success-soft: #d9f0e2;
  --warning: #9a6b00;
  --warning-soft: #f3e7c6;
  --info: #0f7fab;
  --info-soft: #d6ecf3;
  --border-default: color-mix(in srgb, #141414 70%, transparent);
  --border-strong: #141414;
  --border-subtle: color-mix(in srgb, #141414 32%, transparent);
  --shadow-sm: 2px 2px 0 #141414;
  --shadow-md: 5px 5px 0 #141414;
  --shadow-lg: 8px 8px 0 #141414;
  --sidebar-background: #17b6c9;
  --sidebar-text: #141414;
  --sidebar-icon-color: #141414;
  --sidebar-group-heading-text: #0a3d44;
  --sidebar-item-selected-background: color-mix(in srgb, #c01d6b 70%, transparent);
  --sidebar-item-selected-text: #ffffff;
  --folder-glyph-color: #f2b705;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #c01d6b 18%, transparent);
  --listing-row-selected-text: #141414;
  --menu-background: #ffffff;
  --menu-border: #141414;
  --menu-shadow: 5px 5px 0 #141414;
  --context-menu-accent-cut: #0f7fab;
  --context-menu-accent-copy: #0f7fab;
  --context-menu-accent-paste: #1a8f4a;
  --context-menu-accent-rename: #9a6b00;
  --context-menu-accent-properties: #c01d6b;
}
[data-theme-preview="memphis"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.8h6l1.6 2.6h7.4v7.8H1z'/%3E%3C/svg%3E");
  --font-ui: "Futura", "Poppins", "Century Gothic", "Segoe UI", system-ui, sans-serif;
  --font-display: "Futura", "Poppins", "Century Gothic", "Segoe UI", system-ui, sans-serif;
  --font-mono: "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.01em;
  --radius-xs: 0;
  --radius-sm: 2px;
  --radius-md: 14px;
  --radius-lg: 4px;
  --radius-pill: 999px;
  --border-width: 2px;
  --surface-window: #1c1a24;
  --surface-content: #232130;
  --surface-raised: #2b2838;
  --surface-sunken: #14121b;
  --surface-translucent: color-mix(in srgb, #232130 88%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 48%, transparent);
  --surface-hover: color-mix(in srgb, #5fe0ee 14%, transparent);
  --surface-selected: color-mix(in srgb, #ff5fa2 20%, transparent);
  --surface-texture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%23f5f0ea' stroke-width='2' opacity='0.08'%3E%3Cpath d='M8 26 q8 -12 16 0 q8 12 16 0'/%3E%3Cpath d='M96 104 q8 -12 16 0 q8 12 16 0'/%3E%3C/g%3E%3Cg opacity='0.14'%3E%3Ccircle cx='110' cy='24' r='6' fill='%23ff5fa2'/%3E%3Crect x='24' y='92' width='11' height='11' fill='%235fe0ee'/%3E%3Crect x='64' y='50' width='11' height='11' transform='rotate(45 69 55)' fill='%23f2c94c'/%3E%3Cpath d='M120 78 l7 12 -14 0 z' fill='%23f5f0ea'/%3E%3C/g%3E%3C/svg%3E");
  --text-primary: #f5f0ea;
  --text-muted: #b3aec4;
  --text-faint: #837e94;
  --text-on-accent: #1c1a24;
  --text-link: #ff5fa2;
  --accent: #ff5fa2;
  --accent-hover: #ff79b3;
  --accent-pressed: #ff92c3;
  --accent-soft: color-mix(in srgb, #ff5fa2 22%, transparent);
  --accent-secondary: #5fe0ee;
  --focus-ring: #ff5fa2;
  --danger: #ff6b6b;
  --danger-hover: #ff8585;
  --danger-soft: #3a1717;
  --success: #57d98a;
  --success-soft: #133020;
  --warning: #f2c94c;
  --warning-soft: #322b11;
  --info: #5fe0ee;
  --info-soft: #113036;
  --border-default: color-mix(in srgb, #f5f0ea 45%, transparent);
  --border-strong: #f5f0ea;
  --border-subtle: color-mix(in srgb, #f5f0ea 22%, transparent);
  --shadow-sm: 2px 2px 0 #000000;
  --shadow-md: 5px 5px 0 #000000;
  --shadow-lg: 8px 8px 0 #000000;
  --sidebar-background: #14121b;
  --sidebar-text: #f5f0ea;
  --sidebar-icon-color: #5fe0ee;
  --sidebar-group-heading-text: #b3aec4;
  --sidebar-item-selected-background: color-mix(in srgb, #ff5fa2 34%, transparent);
  --sidebar-item-selected-text: #f5f0ea;
  --folder-glyph-color: #f2c94c;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #ff5fa2 24%, transparent);
  --listing-row-selected-text: #f5f0ea;
  --menu-background: #232130;
  --menu-border: #f5f0ea;
  --menu-shadow: 5px 5px 0 #000000;
  --context-menu-accent-cut: #5fe0ee;
  --context-menu-accent-copy: #5fe0ee;
  --context-menu-accent-paste: #57d98a;
  --context-menu-accent-rename: #f2c94c;
  --context-menu-accent-properties: #ff5fa2;
}

/* Swiss — Red and black on white, strict grid, no decoration */
[data-theme-preview="helvetica"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.8h6l1.6 2.6h7.4v7.8H1z'/%3E%3C/svg%3E");
  --font-ui: "Helvetica Neue", "Helvetica", "Arimo", "Arial", system-ui, sans-serif;
  --font-display: "Helvetica Neue", "Helvetica", "Arimo", "Arial", system-ui, sans-serif;
  --font-mono: "Courier New", ui-monospace, monospace;
  --letter-spacing-display: -0.02em;
  --radius-xs: 0;
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-pill: 0;
  --border-width: 1px;
  --surface-window: #ffffff;
  --surface-content: #ffffff;
  --surface-raised: #ffffff;
  --surface-sunken: #f2f2f2;
  --surface-translucent: #ffffff;
  --surface-overlay: color-mix(in srgb, #000000 5%, transparent);
  --surface-hover: color-mix(in srgb, #000000 5%, transparent);
  --surface-selected: color-mix(in srgb, #c8102e 12%, transparent);
  --surface-blur: 0px;
  --text-primary: #000000;
  --text-muted: #4d4d4d;
  --text-faint: #808080;
  --text-on-accent: #ffffff;
  --text-link: #c8102e;
  --accent: #c8102e;
  --accent-hover: #a80d26;
  --accent-pressed: #8c0a1f;
  --accent-soft: color-mix(in srgb, #c8102e 10%, transparent);
  --accent-secondary: #000000;
  --focus-ring: #c8102e;
  --danger: #c8102e;
  --danger-hover: #a80d26;
  --danger-soft: #f7d7dc;
  --success: #1a7f37;
  --success-soft: #e6f2ea;
  --warning: #8a6100;
  --warning-soft: #f3ecd9;
  --info: #000000;
  --info-soft: #ececec;
  --border-default: #000000;
  --border-strong: #000000;
  --border-subtle: color-mix(in srgb, #000000 22%, transparent);
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --sidebar-background: #ffffff;
  --sidebar-text: #000000;
  --sidebar-icon-color: #000000;
  --sidebar-group-heading-text: #c8102e;
  --sidebar-item-selected-background: color-mix(in srgb, #c8102e 12%, transparent);
  --sidebar-item-selected-text: #000000;
  --folder-glyph-color: #000000;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #c8102e 12%, transparent);
  --listing-row-selected-text: #000000;
  --menu-background: #ffffff;
  --menu-border: #000000;
  --menu-shadow: none;
  --context-menu-accent-cut: #000000;
  --context-menu-accent-copy: #000000;
  --context-menu-accent-paste: #1a7f37;
  --context-menu-accent-rename: #8a6100;
  --context-menu-accent-properties: #c8102e;
}
[data-theme-preview="helvetica"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.8h6l1.6 2.6h7.4v7.8H1z'/%3E%3C/svg%3E");
  --font-ui: "Helvetica Neue", "Helvetica", "Arimo", "Arial", system-ui, sans-serif;
  --font-display: "Helvetica Neue", "Helvetica", "Arimo", "Arial", system-ui, sans-serif;
  --font-mono: "Courier New", ui-monospace, monospace;
  --letter-spacing-display: -0.02em;
  --radius-xs: 0;
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-pill: 0;
  --border-width: 1px;
  --surface-window: #000000;
  --surface-content: #0a0a0a;
  --surface-raised: #141414;
  --surface-sunken: #000000;
  --surface-translucent: #0a0a0a;
  --surface-overlay: color-mix(in srgb, #ffffff 6%, transparent);
  --surface-hover: color-mix(in srgb, #ffffff 8%, transparent);
  --surface-selected: color-mix(in srgb, #ff4d4d 18%, transparent);
  --surface-blur: 0px;
  --text-primary: #ffffff;
  --text-muted: #b0b0b0;
  --text-faint: #808080;
  --text-on-accent: #000000;
  --text-link: #ff4d4d;
  --accent: #ff4d4d;
  --accent-hover: #ff6666;
  --accent-pressed: #ff8080;
  --accent-soft: color-mix(in srgb, #ff4d4d 18%, transparent);
  --accent-secondary: #ffffff;
  --focus-ring: #ff4d4d;
  --danger: #ff5c5c;
  --danger-hover: #ff7575;
  --danger-soft: #350f0f;
  --success: #4ac26b;
  --success-soft: #10251a;
  --warning: #e3b341;
  --warning-soft: #2b2411;
  --info: #ffffff;
  --info-soft: #1a1a1a;
  --border-default: #ffffff;
  --border-strong: #ffffff;
  --border-subtle: color-mix(in srgb, #ffffff 22%, transparent);
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --sidebar-background: #000000;
  --sidebar-text: #ffffff;
  --sidebar-icon-color: #ffffff;
  --sidebar-group-heading-text: #ff4d4d;
  --sidebar-item-selected-background: color-mix(in srgb, #ff4d4d 20%, transparent);
  --sidebar-item-selected-text: #ffffff;
  --folder-glyph-color: #ffffff;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #ff4d4d 18%, transparent);
  --listing-row-selected-text: #ffffff;
  --menu-background: #0a0a0a;
  --menu-border: #ffffff;
  --menu-shadow: none;
  --context-menu-accent-cut: #ffffff;
  --context-menu-accent-copy: #ffffff;
  --context-menu-accent-paste: #4ac26b;
  --context-menu-accent-rename: #e3b341;
  --context-menu-accent-properties: #ff4d4d;
}

/* De Stijl — Mondrian grid: black rules, primary blocks */
[data-theme-preview="stijl"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.8h6l1.6 2.6h7.4v7.8H1z'/%3E%3C/svg%3E");
  --font-ui: "Futura", "Helvetica Neue", "Arimo", "Arial", system-ui, sans-serif;
  --font-display: "Futura", "Helvetica Neue", "Arimo", "Arial", system-ui, sans-serif;
  --font-mono: "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.01em;
  --radius-xs: 0;
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-pill: 0;
  --border-width: 4px;
  --surface-window: #f7f7f2;
  --surface-content: #ffffff;
  --surface-raised: #ffffff;
  --surface-sunken: #ece9e0;
  --surface-translucent: #ffffff;
  --surface-overlay: color-mix(in srgb, #0a0a0a 6%, transparent);
  --surface-hover: color-mix(in srgb, #1a3fb8 10%, transparent);
  --surface-selected: color-mix(in srgb, #1a3fb8 16%, transparent);
  --surface-blur: 0px;
  --text-primary: #0a0a0a;
  --text-muted: #444444;
  --text-faint: #767676;
  --text-on-accent: #ffffff;
  --text-link: #1a3fb8;
  --accent: #1a3fb8;
  --accent-hover: #15339a;
  --accent-pressed: #10287d;
  --accent-soft: color-mix(in srgb, #1a3fb8 12%, transparent);
  --accent-secondary: #c81919;
  --focus-ring: #1a3fb8;
  --danger: #c81919;
  --danger-hover: #a71414;
  --danger-soft: #f7d6d6;
  --success: #1a7f37;
  --success-soft: #e0f0e6;
  --warning: #b58a00;
  --warning-soft: #f5ecc9;
  --info: #1a3fb8;
  --info-soft: #dde1f2;
  --border-default: #0a0a0a;
  --border-strong: #0a0a0a;
  --border-subtle: color-mix(in srgb, #0a0a0a 40%, transparent);
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --window-background: linear-gradient(#0a0a0a, #0a0a0a) 22% 0 / 4px 100% no-repeat,
    linear-gradient(#0a0a0a, #0a0a0a) 0 68% / 100% 4px no-repeat,
    #f7f7f2;
  --sidebar-background: #ffdd00;
  --sidebar-text: #0a0a0a;
  --sidebar-icon-color: #0a0a0a;
  --sidebar-group-heading-text: #0a0a0a;
  --sidebar-item-selected-background: #1a3fb8;
  --sidebar-item-selected-text: #ffffff;
  --folder-glyph-color: #ffdd00;
  --listing-background-wash: none;
  --listing-row-selected-background: #1a3fb8;
  --listing-row-selected-text: #ffffff;
  --menu-background: #ffffff;
  --menu-border: #0a0a0a;
  --menu-shadow: none;
  --context-menu-accent-cut: #1a3fb8;
  --context-menu-accent-copy: #1a3fb8;
  --context-menu-accent-paste: #1a7f37;
  --context-menu-accent-rename: #b58a00;
  --context-menu-accent-properties: #c81919;
}
[data-theme-preview="stijl"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.8h6l1.6 2.6h7.4v7.8H1z'/%3E%3C/svg%3E");
  --font-ui: "Futura", "Helvetica Neue", "Arimo", "Arial", system-ui, sans-serif;
  --font-display: "Futura", "Helvetica Neue", "Arimo", "Arial", system-ui, sans-serif;
  --font-mono: "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.01em;
  --radius-xs: 0;
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-pill: 0;
  --border-width: 4px;
  --surface-window: #101010;
  --surface-content: #161616;
  --surface-raised: #1c1c1c;
  --surface-sunken: #0a0a0a;
  --surface-translucent: #161616;
  --surface-overlay: color-mix(in srgb, #000000 50%, transparent);
  --surface-hover: color-mix(in srgb, #5a7fe0 14%, transparent);
  --surface-selected: color-mix(in srgb, #5a7fe0 22%, transparent);
  --surface-blur: 0px;
  --text-primary: #f5f5f0;
  --text-muted: #b0b0b0;
  --text-faint: #7d7d7d;
  --text-on-accent: #0a0a0a;
  --text-link: #5a7fe0;
  --accent: #5a7fe0;
  --accent-hover: #7294e6;
  --accent-pressed: #8aa6ec;
  --accent-soft: color-mix(in srgb, #5a7fe0 22%, transparent);
  --accent-secondary: #f05555;
  --focus-ring: #5a7fe0;
  --danger: #f05555;
  --danger-hover: #f37070;
  --danger-soft: #351313;
  --success: #57c27a;
  --success-soft: #123020;
  --warning: #e3c341;
  --warning-soft: #2e2811;
  --info: #5a7fe0;
  --info-soft: #16203a;
  --border-default: #f5f5f0;
  --border-strong: #f5f5f0;
  --border-subtle: color-mix(in srgb, #f5f5f0 34%, transparent);
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --window-background: linear-gradient(#f5f5f0, #f5f5f0) 22% 0 / 4px 100% no-repeat,
    linear-gradient(#f5f5f0, #f5f5f0) 0 68% / 100% 4px no-repeat,
    #101010;
  --sidebar-background: #e3c341;
  --sidebar-text: #0a0a0a;
  --sidebar-icon-color: #0a0a0a;
  --sidebar-group-heading-text: #0a0a0a;
  --sidebar-item-selected-background: #5a7fe0;
  --sidebar-item-selected-text: #0a0a0a;
  --folder-glyph-color: #e3c341;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #5a7fe0 30%, transparent);
  --listing-row-selected-text: #f5f5f0;
  --menu-background: #161616;
  --menu-border: #f5f5f0;
  --menu-shadow: none;
  --context-menu-accent-cut: #5a7fe0;
  --context-menu-accent-copy: #5a7fe0;
  --context-menu-accent-paste: #57c27a;
  --context-menu-accent-rename: #e3c341;
  --context-menu-accent-properties: #f05555;
}

/* Vaporwave — Pink-cyan haze, chrome type, retro sun */
[data-theme-preview="vaporwave"][data-scheme="light"] {
  --font-ui: "Avenir Next", "Poppins", "Segoe UI", system-ui, sans-serif;
  --font-display: "Audiowide", "Bank Gothic", "Orbitron", "Avenir Next", system-ui, sans-serif;
  --font-mono: "VT323", "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.08em;
  --radius-sm: 6px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --duration-fast: 220ms;
  --duration-medium: 420ms;
  --duration-slow: 700ms;
  --motion-easing: cubic-bezier(0.37, 0, 0.16, 1);
  --surface-window: #f3e6ff;
  --surface-content: #ffffff;
  --surface-raised: #ffffff;
  --surface-sunken: #ecd8fb;
  --surface-translucent: color-mix(in srgb, #ffffff 78%, transparent);
  --surface-overlay: color-mix(in srgb, #2a1a4a 8%, transparent);
  --surface-hover: color-mix(in srgb, #0f8ea3 12%, transparent);
  --surface-selected: color-mix(in srgb, #b5179e 14%, transparent);
  --surface-blur: 6px;
  --text-primary: #2a1a4a;
  --text-muted: #5a3a7a;
  --text-faint: #8a6aa8;
  --text-on-accent: #ffffff;
  --text-link: #b5179e;
  --accent: #b5179e;
  --accent-hover: #99147f;
  --accent-pressed: #7e1069;
  --accent-soft: color-mix(in srgb, #b5179e 14%, transparent);
  --accent-secondary: #0f8ea3;
  --focus-ring: #b5179e;
  --danger: #d61f5c;
  --danger-hover: #b71a4e;
  --danger-soft: #f7d9e4;
  --success: #1a8f6b;
  --success-soft: #d9f0e9;
  --warning: #a1690a;
  --warning-soft: #f3e6cc;
  --info: #0f8ea3;
  --info-soft: #d6eef2;
  --border-default: color-mix(in srgb, #b5179e 24%, transparent);
  --border-strong: color-mix(in srgb, #b5179e 45%, transparent);
  --border-subtle: color-mix(in srgb, #b5179e 14%, transparent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, #b5179e 20%, transparent);
  --shadow-md: 0 8px 28px color-mix(in srgb, #b5179e 26%, transparent);
  --shadow-lg: 0 18px 48px color-mix(in srgb, #2a1a4a 30%, transparent);
  --window-background: radial-gradient(120% 80% at 50% 116%, #ffd7a8 0%, #ff8fbf 26%, transparent 55%),
    linear-gradient(160deg, #ffd6f2 0%, #e8d0ff 45%, #cdeef7 100%);
  --sidebar-background: color-mix(in srgb, #f3e6ff 70%, #ffffff);
  --sidebar-text: #2a1a4a;
  --sidebar-icon-color: #b5179e;
  --sidebar-group-heading-text: #5a3a7a;
  --sidebar-item-selected-background: color-mix(in srgb, #b5179e 18%, transparent);
  --sidebar-item-selected-text: #2a1a4a;
  --folder-glyph-color: #0f8ea3;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #b5179e 16%, transparent);
  --listing-row-selected-text: #2a1a4a;
  --menu-background: #ffffff;
  --menu-border: color-mix(in srgb, #b5179e 30%, transparent);
  --menu-shadow: 0 12px 36px color-mix(in srgb, #b5179e 28%, transparent);
  --context-menu-accent-cut: #0f8ea3;
  --context-menu-accent-copy: #0f8ea3;
  --context-menu-accent-paste: #1a8f6b;
  --context-menu-accent-rename: #a1690a;
  --context-menu-accent-properties: #b5179e;
}
[data-theme-preview="vaporwave"][data-scheme="dark"] {
  --font-ui: "Avenir Next", "Poppins", "Segoe UI", system-ui, sans-serif;
  --font-display: "Audiowide", "Bank Gothic", "Orbitron", "Avenir Next", system-ui, sans-serif;
  --font-mono: "VT323", "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.08em;
  --radius-sm: 6px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --duration-fast: 220ms;
  --duration-medium: 420ms;
  --duration-slow: 700ms;
  --motion-easing: cubic-bezier(0.37, 0, 0.16, 1);
  --surface-window: #241640;
  --surface-content: #2b1a4e;
  --surface-raised: #33205c;
  --surface-sunken: #1a0f30;
  --surface-translucent: color-mix(in srgb, #2b1a4e 82%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 50%, transparent);
  --surface-hover: color-mix(in srgb, #4fd6e8 12%, transparent);
  --surface-selected: color-mix(in srgb, #ff6fb5 18%, transparent);
  --surface-blur: 8px;
  --text-primary: #ffe6f7;
  --text-muted: #c9a8e0;
  --text-faint: #9a7ac0;
  --text-on-accent: #1a0a2e;
  --text-link: #4fd6e8;
  --accent: #4fd6e8;
  --accent-hover: #6fe0ee;
  --accent-pressed: #8ee9f3;
  --accent-soft: color-mix(in srgb, #4fd6e8 20%, transparent);
  --accent-secondary: #ff6fb5;
  --focus-ring: #4fd6e8;
  --danger: #ff6b9d;
  --danger-hover: #ff85ac;
  --danger-soft: #3a1226;
  --success: #57d9b0;
  --success-soft: #123028;
  --warning: #f2c94c;
  --warning-soft: #322b11;
  --info: #4fd6e8;
  --info-soft: #123036;
  --border-default: color-mix(in srgb, #ff6fb5 28%, transparent);
  --border-strong: color-mix(in srgb, #4fd6e8 40%, transparent);
  --border-subtle: color-mix(in srgb, #ff6fb5 16%, transparent);
  --shadow-sm: 0 1px 3px color-mix(in srgb, #000000 50%, transparent);
  --shadow-md: 0 8px 30px color-mix(in srgb, #4fd6e8 20%, transparent);
  --shadow-lg: 0 20px 52px color-mix(in srgb, #000000 60%, transparent);
  --window-background: radial-gradient(120% 80% at 50% 118%, #ff8fbf 0%, #b5179e 24%, transparent 55%),
    linear-gradient(160deg, #2b1a4e 0%, #331a52 50%, #10303f 100%);
  --sidebar-background: #1a0f30;
  --sidebar-text: #ffe6f7;
  --sidebar-icon-color: #4fd6e8;
  --sidebar-group-heading-text: #c9a8e0;
  --sidebar-item-selected-background: color-mix(in srgb, #ff6fb5 26%, transparent);
  --sidebar-item-selected-text: #ffe6f7;
  --folder-glyph-color: #ff6fb5;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #4fd6e8 20%, transparent);
  --listing-row-selected-text: #ffe6f7;
  --menu-background: #2b1a4e;
  --menu-border: color-mix(in srgb, #4fd6e8 34%, transparent);
  --menu-shadow: 0 14px 40px color-mix(in srgb, #000000 60%, transparent);
  --context-menu-accent-cut: #4fd6e8;
  --context-menu-accent-copy: #4fd6e8;
  --context-menu-accent-paste: #57d9b0;
  --context-menu-accent-rename: #f2c94c;
  --context-menu-accent-properties: #ff6fb5;
}

/* Risograph — Two-ink pink+blue overprint, grain, misregister */
[data-theme-preview="risograph"][data-scheme="light"] {
  --font-ui: "Space Grotesk", "Archivo", "Segoe UI", system-ui, sans-serif;
  --font-display: "Space Grotesk", "Archivo", "Segoe UI", system-ui, sans-serif;
  --font-mono: "Space Mono", "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.005em;
  --radius-sm: 1px;
  --radius-md: 2px;
  --radius-lg: 3px;
  --border-width: 2px;
  --surface-window: #f3efe4;
  --surface-content: #faf7ef;
  --surface-raised: #ffffff;
  --surface-sunken: #ebe6d8;
  --surface-translucent: color-mix(in srgb, #faf7ef 88%, transparent);
  --surface-overlay: color-mix(in srgb, #1a1a2e 8%, transparent);
  --surface-hover: color-mix(in srgb, #2b4bce 12%, transparent);
  --surface-selected: color-mix(in srgb, #d6215f 14%, transparent);
  --surface-texture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90'%3E%3Cg fill='%231a1a2e' opacity='0.05'%3E%3Ccircle cx='11' cy='14' r='0.8'/%3E%3Ccircle cx='43' cy='7' r='0.8'/%3E%3Ccircle cx='71' cy='23' r='0.8'/%3E%3Ccircle cx='26' cy='39' r='0.8'/%3E%3Ccircle cx='58' cy='51' r='0.8'/%3E%3Ccircle cx='83' cy='63' r='0.8'/%3E%3Ccircle cx='14' cy='71' r='0.8'/%3E%3Ccircle cx='47' cy='81' r='0.8'/%3E%3Ccircle cx='34' cy='60' r='0.8'/%3E%3Ccircle cx='77' cy='84' r='0.8'/%3E%3C/g%3E%3C/svg%3E");
  --text-primary: #1a1a2e;
  --text-muted: #45455e;
  --text-faint: #74748a;
  --text-on-accent: #ffffff;
  --text-link: #2b4bce;
  --accent: #2b4bce;
  --accent-hover: #233eac;
  --accent-pressed: #1c328c;
  --accent-soft: color-mix(in srgb, #2b4bce 14%, transparent);
  --accent-secondary: #d6215f;
  --focus-ring: #2b4bce;
  --danger: #d6215f;
  --danger-hover: #b71b50;
  --danger-soft: #f7d9e2;
  --success: #1a8f5a;
  --success-soft: #d9f0e5;
  --warning: #a1690a;
  --warning-soft: #f3e6cc;
  --info: #2b4bce;
  --info-soft: #dbe1f5;
  --border-default: color-mix(in srgb, #1a1a2e 55%, transparent);
  --border-strong: #1a1a2e;
  --border-subtle: color-mix(in srgb, #1a1a2e 26%, transparent);
  --shadow-sm: 1px 1px 0 color-mix(in srgb, #2b4bce 45%, transparent);
  --shadow-md: 3px 3px 0 color-mix(in srgb, #d6215f 40%, transparent);
  --shadow-lg: 5px 5px 0 color-mix(in srgb, #2b4bce 40%, transparent);
  --window-background: radial-gradient(70% 90% at 12% 0%, color-mix(in srgb, #d6215f 16%, transparent) 0%, transparent 60%),
    radial-gradient(70% 90% at 92% 100%, color-mix(in srgb, #2b4bce 16%, transparent) 0%, transparent 60%),
    #f3efe4;
  --sidebar-background: color-mix(in srgb, #2b4bce 10%, #faf7ef);
  --sidebar-text: #1a1a2e;
  --sidebar-icon-color: #2b4bce;
  --sidebar-group-heading-text: #45455e;
  --sidebar-item-selected-background: color-mix(in srgb, #d6215f 18%, transparent);
  --sidebar-item-selected-text: #1a1a2e;
  --folder-glyph-color: #d6215f;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #2b4bce 14%, transparent);
  --listing-row-selected-text: #1a1a2e;
  --menu-background: #ffffff;
  --menu-border: #1a1a2e;
  --menu-shadow: 3px 3px 0 color-mix(in srgb, #d6215f 40%, transparent);
  --context-menu-accent-cut: #2b4bce;
  --context-menu-accent-copy: #2b4bce;
  --context-menu-accent-paste: #1a8f5a;
  --context-menu-accent-rename: #a1690a;
  --context-menu-accent-properties: #d6215f;
}
[data-theme-preview="risograph"][data-scheme="dark"] {
  --font-ui: "Space Grotesk", "Archivo", "Segoe UI", system-ui, sans-serif;
  --font-display: "Space Grotesk", "Archivo", "Segoe UI", system-ui, sans-serif;
  --font-mono: "Space Mono", "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.005em;
  --radius-sm: 1px;
  --radius-md: 2px;
  --radius-lg: 3px;
  --border-width: 2px;
  --surface-window: #1a1a24;
  --surface-content: #212130;
  --surface-raised: #29293a;
  --surface-sunken: #131319;
  --surface-translucent: color-mix(in srgb, #212130 88%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 48%, transparent);
  --surface-hover: color-mix(in srgb, #6b8cf0 12%, transparent);
  --surface-selected: color-mix(in srgb, #ff6b9d 18%, transparent);
  --surface-texture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90'%3E%3Cg fill='%23f0ede2' opacity='0.05'%3E%3Ccircle cx='11' cy='14' r='0.8'/%3E%3Ccircle cx='43' cy='7' r='0.8'/%3E%3Ccircle cx='71' cy='23' r='0.8'/%3E%3Ccircle cx='26' cy='39' r='0.8'/%3E%3Ccircle cx='58' cy='51' r='0.8'/%3E%3Ccircle cx='83' cy='63' r='0.8'/%3E%3Ccircle cx='14' cy='71' r='0.8'/%3E%3Ccircle cx='47' cy='81' r='0.8'/%3E%3Ccircle cx='34' cy='60' r='0.8'/%3E%3Ccircle cx='77' cy='84' r='0.8'/%3E%3C/g%3E%3C/svg%3E");
  --text-primary: #f0ede2;
  --text-muted: #b0aec0;
  --text-faint: #7d7c90;
  --text-on-accent: #10101a;
  --text-link: #6b8cf0;
  --accent: #6b8cf0;
  --accent-hover: #839ff3;
  --accent-pressed: #9bb2f6;
  --accent-soft: color-mix(in srgb, #6b8cf0 22%, transparent);
  --accent-secondary: #ff6b9d;
  --focus-ring: #6b8cf0;
  --danger: #ff6b9d;
  --danger-hover: #ff85ac;
  --danger-soft: #3a1524;
  --success: #57d99a;
  --success-soft: #123023;
  --warning: #f2c94c;
  --warning-soft: #322b11;
  --info: #6b8cf0;
  --info-soft: #17203a;
  --border-default: color-mix(in srgb, #f0ede2 40%, transparent);
  --border-strong: #f0ede2;
  --border-subtle: color-mix(in srgb, #f0ede2 20%, transparent);
  --shadow-sm: 1px 1px 0 color-mix(in srgb, #6b8cf0 50%, transparent);
  --shadow-md: 3px 3px 0 color-mix(in srgb, #ff6b9d 45%, transparent);
  --shadow-lg: 5px 5px 0 color-mix(in srgb, #6b8cf0 45%, transparent);
  --window-background: radial-gradient(70% 90% at 12% 0%, color-mix(in srgb, #ff6b9d 20%, transparent) 0%, transparent 60%),
    radial-gradient(70% 90% at 92% 100%, color-mix(in srgb, #6b8cf0 22%, transparent) 0%, transparent 60%),
    #1a1a24;
  --sidebar-background: #131319;
  --sidebar-text: #f0ede2;
  --sidebar-icon-color: #6b8cf0;
  --sidebar-group-heading-text: #b0aec0;
  --sidebar-item-selected-background: color-mix(in srgb, #ff6b9d 26%, transparent);
  --sidebar-item-selected-text: #f0ede2;
  --folder-glyph-color: #ff6b9d;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #6b8cf0 22%, transparent);
  --listing-row-selected-text: #f0ede2;
  --menu-background: #212130;
  --menu-border: #f0ede2;
  --menu-shadow: 3px 3px 0 color-mix(in srgb, #ff6b9d 45%, transparent);
  --context-menu-accent-cut: #6b8cf0;
  --context-menu-accent-copy: #6b8cf0;
  --context-menu-accent-paste: #57d99a;
  --context-menu-accent-rename: #f2c94c;
  --context-menu-accent-properties: #ff6b9d;
}

/* Clockwork — Steampunk brass and copper on dark leather */
[data-theme-preview="clockwork"][data-scheme="light"] {
  --font-ui: "Georgia", "Iowan Old Style", "Noto Serif", "Times New Roman", serif;
  --font-display: "Cinzel", "Trajan Pro", "IM Fell English", "Georgia", serif;
  --font-mono: "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.05em;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --border-width: 2px;
  --surface-window: #e8dcc0;
  --surface-content: #f2e9d4;
  --surface-raised: #f7f0dd;
  --surface-sunken: #ddcfad;
  --surface-translucent: color-mix(in srgb, #f2e9d4 88%, transparent);
  --surface-overlay: color-mix(in srgb, #2a1e12 10%, transparent);
  --surface-hover: color-mix(in srgb, #8a5a1f 12%, transparent);
  --surface-selected: color-mix(in srgb, #8a5a1f 20%, transparent);
  --surface-texture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%232a1e12' stroke-width='1' opacity='0.05'%3E%3Cpath d='M0 30 q30 -10 60 0 t60 0'/%3E%3Cpath d='M0 60 q30 -10 60 0 t60 0'/%3E%3Cpath d='M0 90 q30 -10 60 0 t60 0'/%3E%3C/g%3E%3C/svg%3E");
  --text-primary: #2a1e12;
  --text-muted: #5a4632;
  --text-faint: #877055;
  --text-on-accent: #ffffff;
  --text-link: #8a5a1f;
  --accent: #8a5a1f;
  --accent-hover: #744b19;
  --accent-pressed: #5f3d14;
  --accent-soft: color-mix(in srgb, #8a5a1f 16%, transparent);
  --accent-secondary: #9a4a28;
  --focus-ring: #8a5a1f;
  --danger: #a52a1a;
  --danger-hover: #892216;
  --danger-soft: #f0d6ce;
  --success: #4a6b1f;
  --success-soft: #e6ecd2;
  --warning: #9a6b0f;
  --warning-soft: #f2e6c9;
  --info: #3a5a6b;
  --info-soft: #dde7ec;
  --border-default: color-mix(in srgb, #5a4632 55%, transparent);
  --border-strong: #5a4632;
  --border-subtle: color-mix(in srgb, #5a4632 28%, transparent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, #2a1e12 20%, transparent);
  --shadow-md: 0 6px 18px color-mix(in srgb, #2a1e12 26%, transparent);
  --shadow-lg: 0 14px 36px color-mix(in srgb, #2a1e12 34%, transparent);
  --window-background: radial-gradient(140% 120% at 50% 0%, #f2e9d4 0%, #e0d0ac 100%);
  --sidebar-background: #3a2c1c;
  --sidebar-text: #ecd6a8;
  --sidebar-icon-color: #c99a4a;
  --sidebar-group-heading-text: #c99a4a;
  --sidebar-item-selected-background: color-mix(in srgb, #c99a4a 40%, transparent);
  --sidebar-item-selected-text: #ffffff;
  --folder-glyph-color: #b5843a;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #8a5a1f 22%, transparent);
  --listing-row-selected-text: #2a1e12;
  --menu-background: #f7f0dd;
  --menu-border: #5a4632;
  --menu-shadow: 0 12px 30px color-mix(in srgb, #2a1e12 32%, transparent);
  --context-menu-accent-cut: #3a5a6b;
  --context-menu-accent-copy: #3a5a6b;
  --context-menu-accent-paste: #4a6b1f;
  --context-menu-accent-rename: #9a6b0f;
  --context-menu-accent-properties: #9a4a28;
}
[data-theme-preview="clockwork"][data-scheme="dark"] {
  --font-ui: "Georgia", "Iowan Old Style", "Noto Serif", "Times New Roman", serif;
  --font-display: "Cinzel", "Trajan Pro", "IM Fell English", "Georgia", serif;
  --font-mono: "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.05em;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --border-width: 2px;
  --surface-window: #1a1410;
  --surface-content: #221b14;
  --surface-raised: #2a2118;
  --surface-sunken: #120d0a;
  --surface-translucent: color-mix(in srgb, #221b14 90%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 52%, transparent);
  --surface-hover: color-mix(in srgb, #c99a4a 14%, transparent);
  --surface-selected: color-mix(in srgb, #c99a4a 26%, transparent);
  --surface-texture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23ecd6a8' stroke-width='1' opacity='0.045'%3E%3Cpath d='M0 30 q30 -10 60 0 t60 0'/%3E%3Cpath d='M0 60 q30 -10 60 0 t60 0'/%3E%3Cpath d='M0 90 q30 -10 60 0 t60 0'/%3E%3C/g%3E%3C/svg%3E");
  --text-primary: #ecd6a8;
  --text-muted: #bfa066;
  --text-faint: #8f784c;
  --text-on-accent: #1a1006;
  --text-link: #c99a4a;
  --accent: #c99a4a;
  --accent-hover: #d6a95c;
  --accent-pressed: #e0b877;
  --accent-soft: color-mix(in srgb, #c99a4a 22%, transparent);
  --accent-secondary: #d17a4a;
  --focus-ring: #c99a4a;
  --danger: #e07a4a;
  --danger-hover: #e88f64;
  --danger-soft: #331a0f;
  --success: #9ab04a;
  --success-soft: #262b12;
  --warning: #e0b45c;
  --warning-soft: #2e2611;
  --info: #6fa0b5;
  --info-soft: #16262e;
  --border-default: color-mix(in srgb, #c99a4a 40%, transparent);
  --border-strong: #c99a4a;
  --border-subtle: color-mix(in srgb, #c99a4a 20%, transparent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, #000000 55%, transparent);
  --shadow-md: 0 6px 18px color-mix(in srgb, #000000 60%, transparent);
  --shadow-lg: 0 14px 36px color-mix(in srgb, #000000 70%, transparent);
  --window-background: radial-gradient(140% 120% at 50% 0%, #2a2118 0%, #14100b 100%);
  --sidebar-background: #120d0a;
  --sidebar-text: #ecd6a8;
  --sidebar-icon-color: #c99a4a;
  --sidebar-group-heading-text: #bfa066;
  --sidebar-item-selected-background: color-mix(in srgb, #c99a4a 30%, transparent);
  --sidebar-item-selected-text: #ecd6a8;
  --folder-glyph-color: #c99a4a;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #c99a4a 24%, transparent);
  --listing-row-selected-text: #ecd6a8;
  --menu-background: #221b14;
  --menu-border: #c99a4a;
  --menu-shadow: 0 12px 30px color-mix(in srgb, #000000 65%, transparent);
  --context-menu-accent-cut: #6fa0b5;
  --context-menu-accent-copy: #6fa0b5;
  --context-menu-accent-paste: #9ab04a;
  --context-menu-accent-rename: #e0b45c;
  --context-menu-accent-properties: #d17a4a;
}

/* Pixel Quest — 8-bit RPG quest */
[data-theme-preview="pixelquest"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 3.5h4v1.5h9v8h-13z'/%3E%3C/svg%3E");
  --font-ui: "Press Start 2P", "VT323", "Courier New", ui-monospace, monospace;
  --font-display: "Press Start 2P", "VT323", "Courier New", monospace;
  --font-mono: "Courier New", "Courier", ui-monospace, monospace;
  --letter-spacing-display: 0.02em;
  --radius-xs: 0px;
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --radius-pill: 0px;
  --duration-instant: 0ms;
  --duration-fast: 0ms;
  --duration-medium: 0ms;
  --duration-slow: 0ms;
  --motion-easing: steps(1, end);
  --surface-window: #e6ddc2;
  --surface-content: #f2ead2;
  --surface-raised: #fbf6e4;
  --surface-sunken: #d8cead;
  --surface-translucent: #f2ead2;
  --surface-overlay: color-mix(in srgb, #241d10 12%, transparent);
  --surface-hover: color-mix(in srgb, #2e7d32 14%, transparent);
  --surface-selected: color-mix(in srgb, #2e7d32 24%, transparent);
  --surface-blur: 0px;
  --surface-texture: repeating-linear-gradient(0deg, color-mix(in srgb, #241d10 6%, transparent) 0 1px, transparent 1px 8px),
    repeating-linear-gradient(90deg, color-mix(in srgb, #241d10 6%, transparent) 0 1px, transparent 1px 8px);
  --window-background: #ded3b4;
  --text-primary: #241d10;
  --text-muted: #5c4d2e;
  --text-faint: #857442;
  --text-on-accent: #ffffff;
  --text-link: #2e7d32;
  --accent: #2e7d32;
  --accent-hover: color-mix(in srgb, #2e7d32 82%, #000000);
  --accent-pressed: color-mix(in srgb, #2e7d32 68%, #000000);
  --accent-soft: color-mix(in srgb, #2e7d32 16%, transparent);
  --accent-secondary: #6a3fb5;
  --focus-ring: #6a3fb5;
  --focus-ring-width: 3px;
  --focus-ring-offset: 0px;
  --danger: #b3261e;
  --danger-hover: color-mix(in srgb, #b3261e 82%, #000000);
  --danger-soft: #f3d9d3;
  --success: #2e7d32;
  --success-soft: #d9ecd7;
  --warning: #9a6a00;
  --warning-soft: #f1e4c2;
  --info: #2f5bb5;
  --info-soft: #dbe2f2;
  --border-default: #241d10;
  --border-strong: #241d10;
  --border-subtle: color-mix(in srgb, #241d10 40%, transparent);
  --shadow-sm: 2px 2px 0 0 #241d10;
  --shadow-md: 4px 4px 0 0 #241d10;
  --shadow-lg: 6px 6px 0 0 #241d10;
  --sidebar-background: #ded3b4;
  --sidebar-icon-color: #2e7d32;
  --folder-glyph-color: #d9a636;
  --listing-background-wash: none;
  --listing-row-selected-background: #2e7d32;
  --listing-row-selected-text: #ffffff;
  --menu-background: #fbf6e4;
  --menu-border: #241d10;
  --menu-shadow: 4px 4px 0 0 #241d10;
}
[data-theme-preview="pixelquest"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 3.5h4v1.5h9v8h-13z'/%3E%3C/svg%3E");
  --font-ui: "Press Start 2P", "VT323", "Courier New", ui-monospace, monospace;
  --font-display: "Press Start 2P", "VT323", "Courier New", monospace;
  --font-mono: "Courier New", "Courier", ui-monospace, monospace;
  --letter-spacing-display: 0.02em;
  --radius-xs: 0px;
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --radius-pill: 0px;
  --duration-instant: 0ms;
  --duration-fast: 0ms;
  --duration-medium: 0ms;
  --duration-slow: 0ms;
  --motion-easing: steps(1, end);
  --surface-window: #14101c;
  --surface-content: #1d1830;
  --surface-raised: #292140;
  --surface-sunken: #100c18;
  --surface-translucent: #1d1830;
  --surface-overlay: color-mix(in srgb, #000000 55%, transparent);
  --surface-hover: color-mix(in srgb, #5bd977 14%, transparent);
  --surface-selected: color-mix(in srgb, #5bd977 26%, transparent);
  --surface-blur: 0px;
  --surface-texture: repeating-linear-gradient(0deg, color-mix(in srgb, #ffffff 5%, transparent) 0 1px, transparent 1px 8px),
    repeating-linear-gradient(90deg, color-mix(in srgb, #ffffff 5%, transparent) 0 1px, transparent 1px 8px);
  --window-background: #100c18;
  --text-primary: #ece5d0;
  --text-muted: #b0a488;
  --text-faint: #7f7560;
  --text-on-accent: #10240f;
  --text-link: #5bd977;
  --accent: #5bd977;
  --accent-hover: color-mix(in srgb, #5bd977 82%, #ffffff);
  --accent-pressed: color-mix(in srgb, #5bd977 66%, #ffffff);
  --accent-soft: color-mix(in srgb, #5bd977 22%, transparent);
  --accent-secondary: #b98cff;
  --focus-ring: #b98cff;
  --focus-ring-width: 3px;
  --focus-ring-offset: 0px;
  --danger: #ff6b5e;
  --danger-hover: color-mix(in srgb, #ff6b5e 82%, #ffffff);
  --danger-soft: #3a1614;
  --success: #5bd977;
  --success-soft: #163720;
  --warning: #e3b341;
  --warning-soft: #352a12;
  --info: #8ea8ff;
  --info-soft: #1a1f3a;
  --border-default: #4a3f66;
  --border-strong: #6a5a8f;
  --border-subtle: color-mix(in srgb, #ffffff 12%, transparent);
  --shadow-sm: 2px 2px 0 0 #000000;
  --shadow-md: 4px 4px 0 0 #000000;
  --shadow-lg: 6px 6px 0 0 #000000;
  --sidebar-background: #100c18;
  --sidebar-icon-color: #5bd977;
  --folder-glyph-color: #ffd257;
  --listing-background-wash: none;
  --listing-row-selected-background: #5bd977;
  --listing-row-selected-text: #10240f;
  --menu-background: #292140;
  --menu-border: #6a5a8f;
  --menu-shadow: 4px 4px 0 0 #000000;
}

/* Halftone — Comic-book halftone */
[data-theme-preview="halftone"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.8h6l1.6 2.6h7.4v7.8H1z'/%3E%3C/svg%3E");
  --font-ui: "Comic Neue", "Comic Sans MS", "Trebuchet MS", system-ui, sans-serif;
  --font-display: "Bangers", "Anton", "Impact", "Haettenschweiler", sans-serif;
  --font-mono: "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.03em;
  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-lg: 4px;
  --radius-pill: 4px;
  --surface-window: #f2ede0;
  --surface-content: #fbf7ee;
  --surface-raised: #ffffff;
  --surface-sunken: #ece5d4;
  --surface-translucent: #fbf7ee;
  --surface-overlay: color-mix(in srgb, #111111 12%, transparent);
  --surface-hover: color-mix(in srgb, #c01750 12%, transparent);
  --surface-selected: color-mix(in srgb, #c01750 20%, transparent);
  --surface-blur: 0px;
  --surface-texture: radial-gradient(color-mix(in srgb, #111111 16%, transparent) 22%, transparent 24%);
  --window-background: #f2ede0;
  --text-primary: #111111;
  --text-muted: #4a4a4a;
  --text-faint: #6f6f6f;
  --text-on-accent: #ffffff;
  --text-link: #c01750;
  --accent: #c01750;
  --accent-hover: color-mix(in srgb, #c01750 84%, #000000);
  --accent-pressed: color-mix(in srgb, #c01750 70%, #000000);
  --accent-soft: color-mix(in srgb, #c01750 14%, transparent);
  --accent-secondary: #1560d8;
  --focus-ring: #1560d8;
  --focus-ring-width: 3px;
  --danger: #c01324;
  --danger-hover: color-mix(in srgb, #c01324 84%, #000000);
  --danger-soft: #f6d7da;
  --success: #1a7f37;
  --success-soft: #dcefe1;
  --warning: #b05a00;
  --warning-soft: #f4e2c8;
  --info: #1560d8;
  --info-soft: #dbe6f8;
  --border-default: #111111;
  --border-strong: #111111;
  --border-subtle: color-mix(in srgb, #111111 45%, transparent);
  --shadow-sm: 2px 2px 0 0 #111111;
  --shadow-md: 3px 3px 0 0 #111111;
  --shadow-lg: 5px 5px 0 0 #111111;
  --sidebar-background: #f2ede0;
  --sidebar-icon-color: #c01750;
  --folder-glyph-color: #f2b705;
  --listing-background-wash: none;
  --listing-row-selected-background: #c01750;
  --listing-row-selected-text: #ffffff;
  --menu-background: #ffffff;
  --menu-border: #111111;
  --menu-shadow: 3px 3px 0 0 #111111;
}
[data-theme-preview="halftone"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.8h6l1.6 2.6h7.4v7.8H1z'/%3E%3C/svg%3E");
  --font-ui: "Comic Neue", "Comic Sans MS", "Trebuchet MS", system-ui, sans-serif;
  --font-display: "Bangers", "Anton", "Impact", "Haettenschweiler", sans-serif;
  --font-mono: "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.03em;
  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-lg: 4px;
  --radius-pill: 4px;
  --surface-window: #16151a;
  --surface-content: #1e1d22;
  --surface-raised: #28272e;
  --surface-sunken: #101015;
  --surface-translucent: #1e1d22;
  --surface-overlay: color-mix(in srgb, #000000 55%, transparent);
  --surface-hover: color-mix(in srgb, #ff5c8a 14%, transparent);
  --surface-selected: color-mix(in srgb, #ff5c8a 24%, transparent);
  --surface-blur: 0px;
  --surface-texture: radial-gradient(color-mix(in srgb, #ffffff 12%, transparent) 22%, transparent 24%);
  --window-background: #16151a;
  --text-primary: #f7f4ea;
  --text-muted: #b6b2a6;
  --text-faint: #83807a;
  --text-on-accent: #2a0611;
  --text-link: #ff5c8a;
  --accent: #ff5c8a;
  --accent-hover: color-mix(in srgb, #ff5c8a 82%, #ffffff);
  --accent-pressed: color-mix(in srgb, #ff5c8a 66%, #ffffff);
  --accent-soft: color-mix(in srgb, #ff5c8a 22%, transparent);
  --accent-secondary: #5aa0ff;
  --focus-ring: #5aa0ff;
  --focus-ring-width: 3px;
  --danger: #ff6b5e;
  --danger-hover: color-mix(in srgb, #ff6b5e 82%, #ffffff);
  --danger-soft: #3a1512;
  --success: #4ac26b;
  --success-soft: #14311e;
  --warning: #e3b341;
  --warning-soft: #352a12;
  --info: #5aa0ff;
  --info-soft: #14243f;
  --border-default: #f7f4ea;
  --border-strong: #f7f4ea;
  --border-subtle: color-mix(in srgb, #ffffff 30%, transparent);
  --shadow-sm: 2px 2px 0 0 #000000;
  --shadow-md: 3px 3px 0 0 #000000;
  --shadow-lg: 5px 5px 0 0 #000000;
  --sidebar-background: #16151a;
  --sidebar-icon-color: #ff5c8a;
  --folder-glyph-color: #ffd23f;
  --listing-background-wash: none;
  --listing-row-selected-background: #ff5c8a;
  --listing-row-selected-text: #2a0611;
  --menu-background: #28272e;
  --menu-border: #f7f4ea;
  --menu-shadow: 3px 3px 0 0 #000000;
}

/* Broadsheet — Ink on newsprint */
[data-theme-preview="broadsheet"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.8h6l1.6 2.6h7.4v7.8H1z'/%3E%3C/svg%3E");
  --font-ui: "Georgia", "Iowan Old Style", "Times New Roman", "Noto Serif", serif;
  --font-display: "Playfair Display", "Georgia", "Times New Roman", serif;
  --font-mono: "Courier New", "Courier", ui-monospace, monospace;
  --letter-spacing-display: 0.01em;
  --radius-sm: 1px;
  --radius-md: 2px;
  --radius-lg: 2px;
  --radius-pill: 2px;
  --surface-window: #f4f1e8;
  --surface-content: #faf8f1;
  --surface-raised: #ffffff;
  --surface-sunken: #eae6d9;
  --surface-translucent: #faf8f1;
  --surface-overlay: color-mix(in srgb, #16130d 10%, transparent);
  --surface-hover: color-mix(in srgb, #9c1f0f 8%, transparent);
  --surface-selected: color-mix(in srgb, #9c1f0f 14%, transparent);
  --surface-blur: 0px;
  --surface-texture: repeating-linear-gradient(90deg, transparent 0 119px, color-mix(in srgb, #16130d 12%, transparent) 119px 120px);
  --window-background: #efeadc;
  --text-primary: #16130d;
  --text-muted: #4d4636;
  --text-faint: #786f5b;
  --text-on-accent: #ffffff;
  --text-link: #9c1f0f;
  --accent: #9c1f0f;
  --accent-hover: color-mix(in srgb, #9c1f0f 84%, #000000);
  --accent-pressed: color-mix(in srgb, #9c1f0f 70%, #000000);
  --accent-soft: color-mix(in srgb, #9c1f0f 12%, transparent);
  --accent-secondary: #1a4fa0;
  --focus-ring: #1a4fa0;
  --danger: #a3160c;
  --danger-hover: color-mix(in srgb, #a3160c 84%, #000000);
  --danger-soft: #f2d7d3;
  --success: #1a6f37;
  --success-soft: #dcecdf;
  --warning: #8a5a00;
  --warning-soft: #f0e4c6;
  --info: #1a4fa0;
  --info-soft: #dde4f0;
  --border-default: color-mix(in srgb, #16130d 20%, transparent);
  --border-strong: color-mix(in srgb, #16130d 42%, transparent);
  --border-subtle: color-mix(in srgb, #16130d 10%, transparent);
  --shadow-sm: 0 1px 0 color-mix(in srgb, #16130d 14%, transparent);
  --shadow-md: 0 1px 3px color-mix(in srgb, #16130d 18%, transparent);
  --shadow-lg: 0 2px 6px color-mix(in srgb, #16130d 24%, transparent);
  --sidebar-background: #efeadc;
  --sidebar-icon-color: #4d4636;
  --folder-glyph-color: #9c6a2f;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #9c1f0f 16%, transparent);
  --listing-row-selected-text: #16130d;
  --menu-background: #ffffff;
  --menu-border: color-mix(in srgb, #16130d 30%, transparent);
}
[data-theme-preview="broadsheet"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.8h6l1.6 2.6h7.4v7.8H1z'/%3E%3C/svg%3E");
  --font-ui: "Georgia", "Iowan Old Style", "Times New Roman", "Noto Serif", serif;
  --font-display: "Playfair Display", "Georgia", "Times New Roman", serif;
  --font-mono: "Courier New", "Courier", ui-monospace, monospace;
  --letter-spacing-display: 0.01em;
  --radius-sm: 1px;
  --radius-md: 2px;
  --radius-lg: 2px;
  --radius-pill: 2px;
  --surface-window: #17150f;
  --surface-content: #1e1c15;
  --surface-raised: #27241b;
  --surface-sunken: #100f0a;
  --surface-translucent: #1e1c15;
  --surface-overlay: color-mix(in srgb, #000000 55%, transparent);
  --surface-hover: color-mix(in srgb, #e0765f 12%, transparent);
  --surface-selected: color-mix(in srgb, #e0765f 20%, transparent);
  --surface-blur: 0px;
  --surface-texture: repeating-linear-gradient(90deg, transparent 0 119px, color-mix(in srgb, #ffffff 9%, transparent) 119px 120px);
  --window-background: #100f0a;
  --text-primary: #efe9d8;
  --text-muted: #b3aa92;
  --text-faint: #857c66;
  --text-on-accent: #2a0d06;
  --text-link: #e0765f;
  --accent: #e0765f;
  --accent-hover: color-mix(in srgb, #e0765f 82%, #ffffff);
  --accent-pressed: color-mix(in srgb, #e0765f 66%, #ffffff);
  --accent-soft: color-mix(in srgb, #e0765f 20%, transparent);
  --accent-secondary: #6db2ff;
  --focus-ring: #6db2ff;
  --danger: #f2635a;
  --danger-hover: color-mix(in srgb, #f2635a 82%, #ffffff);
  --danger-soft: #351512;
  --success: #57c97a;
  --success-soft: #14301c;
  --warning: #e3b341;
  --warning-soft: #322811;
  --info: #6db2ff;
  --info-soft: #142639;
  --border-default: color-mix(in srgb, #ffffff 14%, transparent);
  --border-strong: color-mix(in srgb, #ffffff 30%, transparent);
  --border-subtle: color-mix(in srgb, #ffffff 8%, transparent);
  --shadow-sm: 0 1px 0 color-mix(in srgb, #000000 45%, transparent);
  --shadow-md: 0 1px 3px color-mix(in srgb, #000000 55%, transparent);
  --shadow-lg: 0 2px 6px color-mix(in srgb, #000000 65%, transparent);
  --sidebar-background: #100f0a;
  --sidebar-icon-color: #b3aa92;
  --folder-glyph-color: #d8b483;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #e0765f 22%, transparent);
  --listing-row-selected-text: #efe9d8;
  --menu-background: #27241b;
  --menu-border: color-mix(in srgb, #ffffff 20%, transparent);
}

/* Glasshouse — Frosted glass */
[data-theme-preview="glasshouse"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.2 5.2a2 2 0 0 1 2-2h1.9l1.4 1.6h4.3a2 2 0 0 1 2 2v4.4a2 2 0 0 1-2 2H4.2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
  --font-ui: "Inter", "SF Pro Text", system-ui, "Segoe UI", sans-serif;
  --font-display: "Inter", "SF Pro Display", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", monospace;
  --letter-spacing-display: -0.01em;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --surface-window: #dfe6f2;
  --surface-content: #f4f7fc;
  --surface-raised: #fbfdff;
  --surface-sunken: #d3dcec;
  --surface-translucent: color-mix(in srgb, #ffffff 45%, transparent);
  --surface-overlay: color-mix(in srgb, #16202e 10%, transparent);
  --surface-hover: color-mix(in srgb, #2563c9 10%, transparent);
  --surface-selected: color-mix(in srgb, #2563c9 16%, transparent);
  --surface-blur: 40px;
  --surface-texture: none;
  --window-background: linear-gradient(135deg, #e6ecf8 0%, #dfe6f2 40%, #ece2f4 100%);
  --text-primary: #16202e;
  --text-muted: #47566b;
  --text-faint: #6f7d92;
  --text-on-accent: #ffffff;
  --text-link: #2563c9;
  --accent: #2563c9;
  --accent-hover: color-mix(in srgb, #2563c9 84%, #000000);
  --accent-pressed: color-mix(in srgb, #2563c9 70%, #000000);
  --accent-soft: color-mix(in srgb, #2563c9 14%, transparent);
  --accent-secondary: #7b5cd6;
  --focus-ring: #2563c9;
  --danger: #c02636;
  --danger-hover: color-mix(in srgb, #c02636 84%, #000000);
  --danger-soft: #f6dde0;
  --success: #1a7f4f;
  --success-soft: #dcefe6;
  --warning: #9a6a00;
  --warning-soft: #f2e6c8;
  --info: #2563c9;
  --info-soft: #dde7f6;
  --border-default: color-mix(in srgb, #ffffff 70%, transparent);
  --border-strong: color-mix(in srgb, #16202e 14%, transparent);
  --border-subtle: color-mix(in srgb, #ffffff 45%, transparent);
  --shadow-sm: 0 2px 8px color-mix(in srgb, #16202e 10%, transparent);
  --shadow-md: 0 12px 32px color-mix(in srgb, #16202e 16%, transparent);
  --shadow-lg: 0 24px 60px color-mix(in srgb, #16202e 22%, transparent);
  --sidebar-background: color-mix(in srgb, #eef2fb 55%, transparent);
  --sidebar-icon-color: #2563c9;
  --folder-glyph-color: #5b8def;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #2563c9 18%, transparent);
  --listing-row-selected-text: #16202e;
  --menu-background: color-mix(in srgb, #fbfdff 65%, transparent);
  --menu-border: color-mix(in srgb, #ffffff 70%, transparent);
  --menu-shadow: 0 16px 40px color-mix(in srgb, #16202e 20%, transparent);
}
[data-theme-preview="glasshouse"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.2 5.2a2 2 0 0 1 2-2h1.9l1.4 1.6h4.3a2 2 0 0 1 2 2v4.4a2 2 0 0 1-2 2H4.2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
  --font-ui: "Inter", "SF Pro Text", system-ui, "Segoe UI", sans-serif;
  --font-display: "Inter", "SF Pro Display", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", monospace;
  --letter-spacing-display: -0.01em;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --surface-window: #10131c;
  --surface-content: #191d29;
  --surface-raised: #232838;
  --surface-sunken: #0a0d14;
  --surface-translucent: color-mix(in srgb, #2a3145 45%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 45%, transparent);
  --surface-hover: color-mix(in srgb, #6aa6ff 12%, transparent);
  --surface-selected: color-mix(in srgb, #6aa6ff 20%, transparent);
  --surface-blur: 40px;
  --surface-texture: none;
  --window-background: linear-gradient(135deg, #141826 0%, #10131c 45%, #1b1430 100%);
  --text-primary: #eef2fb;
  --text-muted: #a7b1c6;
  --text-faint: #7783a0;
  --text-on-accent: #071223;
  --text-link: #6aa6ff;
  --accent: #6aa6ff;
  --accent-hover: color-mix(in srgb, #6aa6ff 84%, #ffffff);
  --accent-pressed: color-mix(in srgb, #6aa6ff 66%, #ffffff);
  --accent-soft: color-mix(in srgb, #6aa6ff 22%, transparent);
  --accent-secondary: #b49bff;
  --focus-ring: #6aa6ff;
  --danger: #ff6b70;
  --danger-hover: color-mix(in srgb, #ff6b70 82%, #ffffff);
  --danger-soft: #3a1517;
  --success: #4fc98a;
  --success-soft: #123024;
  --warning: #e3b341;
  --warning-soft: #322811;
  --info: #6aa6ff;
  --info-soft: #14213f;
  --border-default: color-mix(in srgb, #ffffff 16%, transparent);
  --border-strong: color-mix(in srgb, #ffffff 28%, transparent);
  --border-subtle: color-mix(in srgb, #ffffff 10%, transparent);
  --shadow-sm: 0 2px 8px color-mix(in srgb, #000000 45%, transparent);
  --shadow-md: 0 12px 32px color-mix(in srgb, #000000 55%, transparent);
  --shadow-lg: 0 24px 60px color-mix(in srgb, #000000 65%, transparent);
  --sidebar-background: color-mix(in srgb, #1a1f2e 55%, transparent);
  --sidebar-icon-color: #6aa6ff;
  --folder-glyph-color: #8fbcff;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #6aa6ff 24%, transparent);
  --listing-row-selected-text: #eef2fb;
  --menu-background: color-mix(in srgb, #232838 65%, transparent);
  --menu-border: color-mix(in srgb, #ffffff 18%, transparent);
  --menu-shadow: 0 16px 40px color-mix(in srgb, #000000 60%, transparent);
}

/* Clay Lab — Squishy clay */
[data-theme-preview="claylab"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.2 5.2a2 2 0 0 1 2-2h1.9l1.4 1.6h4.3a2 2 0 0 1 2 2v4.4a2 2 0 0 1-2 2H4.2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
  --font-ui: "Nunito", "Quicksand", "Varela Round", system-ui, sans-serif;
  --font-display: "Baloo 2", "Nunito", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --letter-spacing-display: 0em;
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --radius-pill: 999px;
  --duration-fast: 160ms;
  --duration-medium: 280ms;
  --motion-easing: cubic-bezier(0.34, 1.56, 0.64, 1);
  --surface-window: #e8e6f2;
  --surface-content: #f3f1fb;
  --surface-raised: #fbfaff;
  --surface-sunken: #dcd9ec;
  --surface-translucent: #f3f1fb;
  --surface-overlay: color-mix(in srgb, #2a2438 12%, transparent);
  --surface-hover: color-mix(in srgb, #6350cf 10%, transparent);
  --surface-selected: color-mix(in srgb, #6350cf 16%, transparent);
  --surface-blur: 0px;
  --surface-texture: none;
  --window-background: radial-gradient(120% 100% at 0% 0%, #eeecf8 0%, #e8e6f2 55%, #e2e0ee 100%);
  --text-primary: #2a2438;
  --text-muted: #57506a;
  --text-faint: #837b98;
  --text-on-accent: #ffffff;
  --text-link: #6350cf;
  --accent: #6350cf;
  --accent-hover: color-mix(in srgb, #6350cf 84%, #000000);
  --accent-pressed: color-mix(in srgb, #6350cf 70%, #000000);
  --accent-soft: color-mix(in srgb, #6350cf 14%, transparent);
  --accent-secondary: #d98cc0;
  --focus-ring: #6350cf;
  --danger: #c62f42;
  --danger-hover: color-mix(in srgb, #c62f42 84%, #000000);
  --danger-soft: #f6dde1;
  --success: #1f9d63;
  --success-soft: #dcf1e7;
  --warning: #9a6a00;
  --warning-soft: #f2e7c8;
  --info: #6350cf;
  --info-soft: #e2ddf7;
  --border-default: color-mix(in srgb, #2a2438 8%, transparent);
  --border-strong: color-mix(in srgb, #2a2438 14%, transparent);
  --border-subtle: color-mix(in srgb, #ffffff 60%, transparent);
  --shadow-sm: 4px 4px 10px color-mix(in srgb, #2a2438 14%, transparent), -3px -3px 8px #ffffff;
  --shadow-md: 8px 8px 20px color-mix(in srgb, #2a2438 18%, transparent), -6px -6px 14px #ffffff;
  --shadow-lg: 14px 14px 34px color-mix(in srgb, #2a2438 22%, transparent), -10px -10px 22px #ffffff;
  --sidebar-background: #eae8f5;
  --sidebar-icon-color: #6350cf;
  --folder-glyph-color: #e39a52;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #6350cf 18%, transparent);
  --listing-row-selected-text: #2a2438;
  --menu-background: #fbfaff;
  --menu-shadow: 10px 10px 26px color-mix(in srgb, #2a2438 20%, transparent), -6px -6px 16px #ffffff;
}
[data-theme-preview="claylab"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.2 5.2a2 2 0 0 1 2-2h1.9l1.4 1.6h4.3a2 2 0 0 1 2 2v4.4a2 2 0 0 1-2 2H4.2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
  --font-ui: "Nunito", "Quicksand", "Varela Round", system-ui, sans-serif;
  --font-display: "Baloo 2", "Nunito", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --letter-spacing-display: 0em;
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --radius-pill: 999px;
  --duration-fast: 160ms;
  --duration-medium: 280ms;
  --motion-easing: cubic-bezier(0.34, 1.56, 0.64, 1);
  --surface-window: #1a1726;
  --surface-content: #221e33;
  --surface-raised: #2d2942;
  --surface-sunken: #120f1c;
  --surface-translucent: #221e33;
  --surface-overlay: color-mix(in srgb, #000000 50%, transparent);
  --surface-hover: color-mix(in srgb, #9d8bff 12%, transparent);
  --surface-selected: color-mix(in srgb, #9d8bff 20%, transparent);
  --surface-blur: 0px;
  --surface-texture: none;
  --window-background: radial-gradient(120% 100% at 0% 0%, #221d33 0%, #1a1726 55%, #15121f 100%);
  --text-primary: #eee9fb;
  --text-muted: #ada4c8;
  --text-faint: #7c7597;
  --text-on-accent: #140a30;
  --text-link: #9d8bff;
  --accent: #9d8bff;
  --accent-hover: color-mix(in srgb, #9d8bff 84%, #ffffff);
  --accent-pressed: color-mix(in srgb, #9d8bff 66%, #ffffff);
  --accent-soft: color-mix(in srgb, #9d8bff 22%, transparent);
  --accent-secondary: #f0a8d4;
  --focus-ring: #9d8bff;
  --danger: #ff6b76;
  --danger-hover: color-mix(in srgb, #ff6b76 82%, #ffffff);
  --danger-soft: #3a151a;
  --success: #4fc98a;
  --success-soft: #123024;
  --warning: #e3b341;
  --warning-soft: #322811;
  --info: #9d8bff;
  --info-soft: #221c3f;
  --border-default: color-mix(in srgb, #ffffff 10%, transparent);
  --border-strong: color-mix(in srgb, #ffffff 18%, transparent);
  --border-subtle: color-mix(in srgb, #ffffff 6%, transparent);
  --shadow-sm: 4px 4px 10px color-mix(in srgb, #000000 45%, transparent), -3px -3px 8px color-mix(in srgb, #ffffff 6%, transparent);
  --shadow-md: 8px 8px 20px color-mix(in srgb, #000000 55%, transparent), -6px -6px 14px color-mix(in srgb, #ffffff 6%, transparent);
  --shadow-lg: 14px 14px 34px color-mix(in srgb, #000000 65%, transparent), -10px -10px 22px color-mix(in srgb, #ffffff 5%, transparent);
  --sidebar-background: #1d1a2b;
  --sidebar-icon-color: #9d8bff;
  --folder-glyph-color: #f0b98a;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #9d8bff 24%, transparent);
  --listing-row-selected-text: #eee9fb;
  --menu-background: #2d2942;
  --menu-shadow: 10px 10px 26px color-mix(in srgb, #000000 60%, transparent), -6px -6px 16px color-mix(in srgb, #ffffff 5%, transparent);
}

/* Midnight Console — Starship ops console */
[data-theme-preview="midnightconsole"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.8h6l1.6 2.6h7.4v7.8H1z'/%3E%3C/svg%3E");
  --font-ui: "Chakra Petch", "Rajdhani", "Segoe UI", system-ui, sans-serif;
  --font-display: "Oxanium", "Rajdhani", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;
  --letter-spacing-display: 0.06em;
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-pill: 999px;
  --surface-window: #dbe6e4;
  --surface-content: #eaf2f0;
  --surface-raised: #f4f9f8;
  --surface-sunken: #cbdad7;
  --surface-translucent: #eaf2f0;
  --surface-overlay: color-mix(in srgb, #08201c 12%, transparent);
  --surface-hover: color-mix(in srgb, #0f766e 10%, transparent);
  --surface-selected: color-mix(in srgb, #0f766e 16%, transparent);
  --surface-blur: 0px;
  --surface-texture: repeating-linear-gradient(0deg, color-mix(in srgb, #08201c 5%, transparent) 0 1px, transparent 1px 4px);
  --window-background: linear-gradient(180deg, #e2ece9 0%, #d3e0dd 100%);
  --text-primary: #08201c;
  --text-muted: #3d5a54;
  --text-faint: #5f7d76;
  --text-on-accent: #ffffff;
  --text-link: #0f766e;
  --accent: #0f766e;
  --accent-hover: color-mix(in srgb, #0f766e 84%, #000000);
  --accent-pressed: color-mix(in srgb, #0f766e 70%, #000000);
  --accent-soft: color-mix(in srgb, #0f766e 14%, transparent);
  --accent-secondary: #b25000;
  --focus-ring: #b25000;
  --danger: #b3261e;
  --danger-hover: color-mix(in srgb, #b3261e 84%, #000000);
  --danger-soft: #f2d8d5;
  --success: #0f766e;
  --success-soft: #d6ece9;
  --warning: #b25000;
  --warning-soft: #f4e1cf;
  --info: #0f766e;
  --info-soft: #d6ece9;
  --border-default: color-mix(in srgb, #08201c 14%, transparent);
  --border-strong: color-mix(in srgb, #08201c 26%, transparent);
  --border-subtle: color-mix(in srgb, #08201c 8%, transparent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, #08201c 14%, transparent);
  --shadow-md: 0 6px 18px color-mix(in srgb, #08201c 18%, transparent);
  --shadow-lg: 0 16px 40px color-mix(in srgb, #08201c 24%, transparent);
  --sidebar-background: #d3e0dd;
  --sidebar-icon-color: #0f766e;
  --folder-glyph-color: #0f766e;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #0f766e 16%, transparent);
  --listing-row-selected-text: #08201c;
  --menu-background: #f4f9f8;
}
[data-theme-preview="midnightconsole"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.8h6l1.6 2.6h7.4v7.8H1z'/%3E%3C/svg%3E");
  --font-ui: "Chakra Petch", "Rajdhani", "Segoe UI", system-ui, sans-serif;
  --font-display: "Oxanium", "Rajdhani", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;
  --letter-spacing-display: 0.06em;
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-pill: 999px;
  --surface-window: #061014;
  --surface-content: #0a1a20;
  --surface-raised: #10262e;
  --surface-sunken: #030a0d;
  --surface-translucent: #0a1a20;
  --surface-overlay: color-mix(in srgb, #000000 55%, transparent);
  --surface-hover: color-mix(in srgb, #2fd4c4 12%, transparent);
  --surface-selected: color-mix(in srgb, #2fd4c4 20%, transparent);
  --surface-blur: 0px;
  --surface-texture: repeating-linear-gradient(0deg, color-mix(in srgb, #2fd4c4 6%, transparent) 0 1px, transparent 1px 4px);
  --window-background: radial-gradient(120% 90% at 50% 0%, #0a1a20 0%, #061014 60%, #030a0d 100%);
  --text-primary: #d6f2ee;
  --text-muted: #7fb3ac;
  --text-faint: #55817a;
  --text-on-accent: #00201c;
  --text-link: #2fd4c4;
  --accent: #2fd4c4;
  --accent-hover: color-mix(in srgb, #2fd4c4 84%, #ffffff);
  --accent-pressed: color-mix(in srgb, #2fd4c4 66%, #ffffff);
  --accent-soft: color-mix(in srgb, #2fd4c4 22%, transparent);
  --accent-secondary: #ffb547;
  --focus-ring: #ffb547;
  --danger: #ff6b5e;
  --danger-hover: color-mix(in srgb, #ff6b5e 82%, #ffffff);
  --danger-soft: #350f0c;
  --success: #2fd4c4;
  --success-soft: #0a2b28;
  --warning: #ffb547;
  --warning-soft: #33260f;
  --info: #2fd4c4;
  --info-soft: #0a2b28;
  --border-default: color-mix(in srgb, #2fd4c4 18%, transparent);
  --border-strong: color-mix(in srgb, #2fd4c4 34%, transparent);
  --border-subtle: color-mix(in srgb, #2fd4c4 10%, transparent);
  --shadow-sm: 0 0 6px color-mix(in srgb, #2fd4c4 24%, transparent);
  --shadow-md: 0 0 18px color-mix(in srgb, #2fd4c4 22%, transparent);
  --shadow-lg: 0 0 40px color-mix(in srgb, #2fd4c4 26%, transparent);
  --sidebar-background: #071418;
  --sidebar-icon-color: #2fd4c4;
  --folder-glyph-color: #2fd4c4;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #2fd4c4 24%, transparent);
  --listing-row-selected-text: #d6f2ee;
  --menu-background: #10262e;
}

/* Wireframe — Low-fi wireframe */
[data-theme-preview="wireframe"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 4.5h4l1.2 1.4h6.8v7.1a0.8 0.8 0 0 1-0.8 0.8H2.8a0.8 0.8 0 0 1-0.8-0.8z'/%3E%3C/svg%3E");
  --font-ui: "iA Writer Duo", "Courier New", ui-monospace, monospace;
  --font-display: "Kalam", "Comic Sans MS", "Segoe Print", cursive;
  --font-mono: "iA Writer Mono", "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0em;
  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-lg: 4px;
  --radius-pill: 4px;
  --surface-window: #eaeaea;
  --surface-content: #f6f6f6;
  --surface-raised: #ffffff;
  --surface-sunken: #dedede;
  --surface-translucent: #f6f6f6;
  --surface-overlay: color-mix(in srgb, #1c1c1c 10%, transparent);
  --surface-hover: color-mix(in srgb, #1c1c1c 6%, transparent);
  --surface-selected: color-mix(in srgb, #3457d5 14%, transparent);
  --surface-blur: 0px;
  --surface-texture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M0 8L8 0' stroke='%231c1c1c' stroke-opacity='0.06' stroke-width='1'/%3E%3Cpath d='M-2 2L2 -2' stroke='%231c1c1c' stroke-opacity='0.06' stroke-width='1'/%3E%3Cpath d='M6 10L10 6' stroke='%231c1c1c' stroke-opacity='0.06' stroke-width='1'/%3E%3C/svg%3E");
  --window-background: #e4e4e4;
  --text-primary: #1c1c1c;
  --text-muted: #565656;
  --text-faint: #808080;
  --text-on-accent: #ffffff;
  --text-link: #3457d5;
  --accent: #3457d5;
  --accent-hover: color-mix(in srgb, #3457d5 84%, #000000);
  --accent-pressed: color-mix(in srgb, #3457d5 70%, #000000);
  --accent-soft: color-mix(in srgb, #3457d5 12%, transparent);
  --accent-secondary: #565656;
  --focus-ring: #3457d5;
  --danger: #b3261e;
  --danger-hover: color-mix(in srgb, #b3261e 84%, #000000);
  --danger-soft: #f0d9d6;
  --success: #2f7d32;
  --success-soft: #dcecd9;
  --warning: #8a5a00;
  --warning-soft: #efe3c6;
  --info: #3457d5;
  --info-soft: #dde2f6;
  --border-default: color-mix(in srgb, #1c1c1c 30%, transparent);
  --border-strong: color-mix(in srgb, #1c1c1c 55%, transparent);
  --border-subtle: color-mix(in srgb, #1c1c1c 16%, transparent);
  --shadow-sm: 0 1px 0 color-mix(in srgb, #1c1c1c 16%, transparent);
  --shadow-md: 2px 2px 0 color-mix(in srgb, #1c1c1c 22%, transparent);
  --shadow-lg: 3px 3px 0 color-mix(in srgb, #1c1c1c 28%, transparent);
  --sidebar-background: #e4e4e4;
  --sidebar-icon-color: #565656;
  --folder-glyph-color: #9a9a9a;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #3457d5 16%, transparent);
  --listing-row-selected-text: #1c1c1c;
  --menu-background: #ffffff;
  --menu-border: color-mix(in srgb, #1c1c1c 45%, transparent);
}
[data-theme-preview="wireframe"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 4.5h4l1.2 1.4h6.8v7.1a0.8 0.8 0 0 1-0.8 0.8H2.8a0.8 0.8 0 0 1-0.8-0.8z'/%3E%3C/svg%3E");
  --font-ui: "iA Writer Duo", "Courier New", ui-monospace, monospace;
  --font-display: "Kalam", "Comic Sans MS", "Segoe Print", cursive;
  --font-mono: "iA Writer Mono", "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0em;
  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-lg: 4px;
  --radius-pill: 4px;
  --surface-window: #1a1a1a;
  --surface-content: #222222;
  --surface-raised: #2b2b2b;
  --surface-sunken: #121212;
  --surface-translucent: #222222;
  --surface-overlay: color-mix(in srgb, #000000 50%, transparent);
  --surface-hover: color-mix(in srgb, #ffffff 6%, transparent);
  --surface-selected: color-mix(in srgb, #7f9fd6 20%, transparent);
  --surface-blur: 0px;
  --surface-texture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M0 8L8 0' stroke='%23ffffff' stroke-opacity='0.05' stroke-width='1'/%3E%3Cpath d='M-2 2L2 -2' stroke='%23ffffff' stroke-opacity='0.05' stroke-width='1'/%3E%3Cpath d='M6 10L10 6' stroke='%23ffffff' stroke-opacity='0.05' stroke-width='1'/%3E%3C/svg%3E");
  --window-background: #161616;
  --text-primary: #e8e8e8;
  --text-muted: #a6a6a6;
  --text-faint: #7a7a7a;
  --text-on-accent: #0c1626;
  --text-link: #7f9fd6;
  --accent: #7f9fd6;
  --accent-hover: color-mix(in srgb, #7f9fd6 84%, #ffffff);
  --accent-pressed: color-mix(in srgb, #7f9fd6 66%, #ffffff);
  --accent-soft: color-mix(in srgb, #7f9fd6 20%, transparent);
  --accent-secondary: #a6a6a6;
  --focus-ring: #7f9fd6;
  --danger: #f2635a;
  --danger-hover: color-mix(in srgb, #f2635a 82%, #ffffff);
  --danger-soft: #341412;
  --success: #57c97a;
  --success-soft: #14301c;
  --warning: #e3b341;
  --warning-soft: #322811;
  --info: #7f9fd6;
  --info-soft: #1a2233;
  --border-default: color-mix(in srgb, #ffffff 22%, transparent);
  --border-strong: color-mix(in srgb, #ffffff 42%, transparent);
  --border-subtle: color-mix(in srgb, #ffffff 12%, transparent);
  --shadow-sm: 0 1px 0 color-mix(in srgb, #000000 45%, transparent);
  --shadow-md: 2px 2px 0 color-mix(in srgb, #000000 55%, transparent);
  --shadow-lg: 3px 3px 0 color-mix(in srgb, #000000 65%, transparent);
  --sidebar-background: #161616;
  --sidebar-icon-color: #a6a6a6;
  --folder-glyph-color: #8a8a8a;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #7f9fd6 24%, transparent);
  --listing-row-selected-text: #e8e8e8;
  --menu-background: #2b2b2b;
  --menu-border: color-mix(in srgb, #ffffff 35%, transparent);
}

/* Synth Drive — Synthwave sunset */
[data-theme-preview="synthdrive"][data-scheme="light"] {
  --font-ui: "Oxanium", "Rajdhani", "Segoe UI", system-ui, sans-serif;
  --font-display: "Monoton", "Audiowide", "Oxanium", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --letter-spacing-display: 0.04em;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --surface-window: #f2e6f2;
  --surface-content: #faf1fb;
  --surface-raised: #fffbff;
  --surface-sunken: #e7d6e8;
  --surface-translucent: #faf1fb;
  --surface-overlay: color-mix(in srgb, #2a1030 12%, transparent);
  --surface-hover: color-mix(in srgb, #b5137a 10%, transparent);
  --surface-selected: color-mix(in srgb, #b5137a 16%, transparent);
  --surface-blur: 0px;
  --surface-texture: repeating-linear-gradient(0deg, color-mix(in srgb, #7b2fd0 10%, transparent) 0 1px, transparent 1px 16px),
    repeating-linear-gradient(90deg, color-mix(in srgb, #7b2fd0 10%, transparent) 0 1px, transparent 1px 16px);
  --window-background: linear-gradient(180deg, #f7dcef 0%, #f2e6f2 45%, #e6ddf5 100%);
  --text-primary: #2a1030;
  --text-muted: #6a3a5f;
  --text-faint: #8a5c7e;
  --text-on-accent: #ffffff;
  --text-link: #b5137a;
  --accent: #b5137a;
  --accent-hover: color-mix(in srgb, #b5137a 84%, #000000);
  --accent-pressed: color-mix(in srgb, #b5137a 70%, #000000);
  --accent-soft: color-mix(in srgb, #b5137a 14%, transparent);
  --accent-secondary: #7b2fd0;
  --focus-ring: #7b2fd0;
  --danger: #c81d3a;
  --danger-hover: color-mix(in srgb, #c81d3a 84%, #000000);
  --danger-soft: #f6d9df;
  --success: #1a8f63;
  --success-soft: #d8efe5;
  --warning: #9a5a00;
  --warning-soft: #f2e2c8;
  --info: #7b2fd0;
  --info-soft: #e8ddf6;
  --border-default: color-mix(in srgb, #2a1030 12%, transparent);
  --border-strong: color-mix(in srgb, #2a1030 24%, transparent);
  --border-subtle: color-mix(in srgb, #2a1030 7%, transparent);
  --shadow-sm: 0 1px 3px color-mix(in srgb, #7b2fd0 20%, transparent);
  --shadow-md: 0 8px 24px color-mix(in srgb, #b5137a 20%, transparent);
  --shadow-lg: 0 18px 48px color-mix(in srgb, #b5137a 26%, transparent);
  --sidebar-background: color-mix(in srgb, #f2e6f2 90%, #ffffff);
  --sidebar-icon-color: #b5137a;
  --folder-glyph-color: #b5137a;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #b5137a 16%, transparent);
  --listing-row-selected-text: #2a1030;
  --menu-background: #fffbff;
}
[data-theme-preview="synthdrive"][data-scheme="dark"] {
  --font-ui: "Oxanium", "Rajdhani", "Segoe UI", system-ui, sans-serif;
  --font-display: "Monoton", "Audiowide", "Oxanium", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --letter-spacing-display: 0.04em;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --surface-window: #16091f;
  --surface-content: #1e0d2c;
  --surface-raised: #2a153c;
  --surface-sunken: #0d0514;
  --surface-translucent: #1e0d2c;
  --surface-overlay: color-mix(in srgb, #000000 55%, transparent);
  --surface-hover: color-mix(in srgb, #ff5cc2 12%, transparent);
  --surface-selected: color-mix(in srgb, #ff5cc2 22%, transparent);
  --surface-blur: 0px;
  --surface-texture: repeating-linear-gradient(0deg, color-mix(in srgb, #46e0ff 10%, transparent) 0 1px, transparent 1px 16px),
    repeating-linear-gradient(90deg, color-mix(in srgb, #ff5cc2 8%, transparent) 0 1px, transparent 1px 16px);
  --window-background: linear-gradient(180deg, #2a153c 0%, #1a0a28 50%, #0d0514 100%);
  --text-primary: #f7e9ff;
  --text-muted: #c39ad6;
  --text-faint: #93709f;
  --text-on-accent: #2a0620;
  --text-link: #ff5cc2;
  --accent: #ff5cc2;
  --accent-hover: color-mix(in srgb, #ff5cc2 84%, #ffffff);
  --accent-pressed: color-mix(in srgb, #ff5cc2 66%, #ffffff);
  --accent-soft: color-mix(in srgb, #ff5cc2 22%, transparent);
  --accent-secondary: #46e0ff;
  --focus-ring: #46e0ff;
  --danger: #ff5c72;
  --danger-hover: color-mix(in srgb, #ff5c72 82%, #ffffff);
  --danger-soft: #350d16;
  --success: #4fe0a0;
  --success-soft: #0d2b20;
  --warning: #ffb547;
  --warning-soft: #33260f;
  --info: #46e0ff;
  --info-soft: #0a2833;
  --border-default: color-mix(in srgb, #ff5cc2 22%, transparent);
  --border-strong: color-mix(in srgb, #ff5cc2 40%, transparent);
  --border-subtle: color-mix(in srgb, #ffffff 10%, transparent);
  --shadow-sm: 0 0 6px color-mix(in srgb, #ff5cc2 30%, transparent);
  --shadow-md: 0 0 20px color-mix(in srgb, #ff5cc2 26%, transparent);
  --shadow-lg: 0 0 44px color-mix(in srgb, #46e0ff 24%, transparent);
  --sidebar-background: #180a24;
  --sidebar-icon-color: #ff5cc2;
  --folder-glyph-color: #ff5cc2;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #ff5cc2 26%, transparent);
  --listing-row-selected-text: #f7e9ff;
  --menu-background: #2a153c;
}

/* High Contrast — Maximum contrast */
[data-theme-preview="highcontrast"][data-scheme="light"] {
  --font-ui: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;
  --font-display: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "Consolas", ui-monospace, monospace;
  --letter-spacing-display: 0em;
  --text-2xs: 0.75rem;
  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-md: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: 1.625rem;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --radius-pill: 999px;
  --surface-window: #ffffff;
  --surface-content: #ffffff;
  --surface-raised: #ffffff;
  --surface-sunken: #f0f0f0;
  --surface-translucent: #ffffff;
  --surface-overlay: #e0e0e0;
  --surface-scrim: #000000;
  --surface-hover: #d6e2ff;
  --surface-selected: #b6ccff;
  --surface-blur: 0px;
  --surface-texture: none;
  --window-background: #ffffff;
  --text-primary: #000000;
  --text-muted: #2b2b2b;
  --text-faint: #3a3a3a;
  --text-disabled: #6a6a6a;
  --text-on-accent: #ffffff;
  --text-link: #0000cc;
  --accent: #0000cc;
  --accent-hover: #0000a0;
  --accent-pressed: #000080;
  --accent-soft: #dcdcff;
  --accent-secondary: #0000cc;
  --focus-ring: #0000cc;
  --focus-ring-width: 4px;
  --focus-ring-offset: 2px;
  --danger: #c00000;
  --danger-hover: #a00000;
  --danger-soft: #ffdcdc;
  --success: #006600;
  --success-soft: #d6f0d6;
  --warning: #8a4b00;
  --warning-soft: #ffe6c8;
  --info: #0000cc;
  --info-soft: #dcdcff;
  --border-default: #000000;
  --border-strong: #000000;
  --border-subtle: #6a6a6a;
  --shadow-sm: 0 0 0 1px #000000;
  --shadow-md: 0 0 0 2px #000000;
  --shadow-lg: 0 0 0 3px #000000;
  --sidebar-background: #ffffff;
  --sidebar-icon-color: #000000;
  --folder-glyph-color: #0000cc;
  --listing-background-wash: none;
  --listing-row-selected-background: #0000cc;
  --listing-row-selected-text: #ffffff;
  --menu-background: #ffffff;
  --menu-border: #000000;
  --menu-shadow: 0 0 0 2px #000000;
}
[data-theme-preview="highcontrast"][data-scheme="dark"] {
  --font-ui: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;
  --font-display: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "Consolas", ui-monospace, monospace;
  --letter-spacing-display: 0em;
  --text-2xs: 0.75rem;
  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-md: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: 1.625rem;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --radius-pill: 999px;
  --surface-window: #000000;
  --surface-content: #000000;
  --surface-raised: #0a0a0a;
  --surface-sunken: #000000;
  --surface-translucent: #000000;
  --surface-overlay: #1a1a1a;
  --surface-scrim: #000000;
  --surface-hover: #303000;
  --surface-selected: #4a4a00;
  --surface-blur: 0px;
  --surface-texture: none;
  --window-background: #000000;
  --text-primary: #ffffff;
  --text-muted: #dcdcdc;
  --text-faint: #c0c0c0;
  --text-disabled: #909090;
  --text-on-accent: #000000;
  --text-link: #ffff00;
  --accent: #ffff00;
  --accent-hover: #ffff66;
  --accent-pressed: #e6e600;
  --accent-soft: #3a3a00;
  --accent-secondary: #ffff00;
  --focus-ring: #ffff00;
  --focus-ring-width: 4px;
  --focus-ring-offset: 2px;
  --danger: #ff5252;
  --danger-hover: #ff8080;
  --danger-soft: #3a0000;
  --success: #33dd66;
  --success-soft: #003a14;
  --warning: #ffb547;
  --warning-soft: #332200;
  --info: #ffff00;
  --info-soft: #3a3a00;
  --border-default: #ffffff;
  --border-strong: #ffffff;
  --border-subtle: #909090;
  --shadow-sm: 0 0 0 1px #ffffff;
  --shadow-md: 0 0 0 2px #ffffff;
  --shadow-lg: 0 0 0 3px #ffffff;
  --sidebar-background: #000000;
  --sidebar-icon-color: #ffffff;
  --folder-glyph-color: #ffff00;
  --listing-background-wash: none;
  --listing-row-selected-background: #ffff00;
  --listing-row-selected-text: #000000;
  --menu-background: #000000;
  --menu-border: #ffffff;
  --menu-shadow: 0 0 0 2px #ffffff;
}

/* Crayon Box — Crayon playroom */
[data-theme-preview="crayonbox"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.2 5.2a2 2 0 0 1 2-2h1.9l1.4 1.6h4.3a2 2 0 0 1 2 2v4.4a2 2 0 0 1-2 2H4.2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
  --font-ui: "Fredoka", "Baloo 2", "Comic Sans MS", system-ui, sans-serif;
  --font-display: "Fredoka", "Baloo 2", "Comic Sans MS", sans-serif;
  --font-mono: "Comic Mono", "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.01em;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --duration-fast: 140ms;
  --duration-medium: 260ms;
  --motion-easing: cubic-bezier(0.34, 1.56, 0.64, 1);
  --surface-window: #fdf3e2;
  --surface-content: #fffaf0;
  --surface-raised: #ffffff;
  --surface-sunken: #f4e6cf;
  --surface-translucent: #fffaf0;
  --surface-overlay: color-mix(in srgb, #26211a 12%, transparent);
  --surface-hover: color-mix(in srgb, #c94100 10%, transparent);
  --surface-selected: color-mix(in srgb, #c94100 16%, transparent);
  --surface-blur: 0px;
  --surface-texture: none;
  --window-background: radial-gradient(140% 120% at 100% 0%, #fef0dd 0%, #fdf3e2 50%, #fbeed6 100%);
  --text-primary: #26211a;
  --text-muted: #5a4f3f;
  --text-faint: #857a66;
  --text-on-accent: #ffffff;
  --text-link: #c94100;
  --accent: #c94100;
  --accent-hover: color-mix(in srgb, #c94100 84%, #000000);
  --accent-pressed: color-mix(in srgb, #c94100 70%, #000000);
  --accent-soft: color-mix(in srgb, #c94100 14%, transparent);
  --accent-secondary: #1b5ee0;
  --focus-ring: #1b5ee0;
  --danger: #c8102e;
  --danger-hover: color-mix(in srgb, #c8102e 84%, #000000);
  --danger-soft: #f7d7dc;
  --success: #1f8f3f;
  --success-soft: #d9efdf;
  --warning: #9a6a00;
  --warning-soft: #f3e6c6;
  --info: #1b5ee0;
  --info-soft: #dbe4f8;
  --border-default: color-mix(in srgb, #26211a 16%, transparent);
  --border-strong: #26211a;
  --border-subtle: color-mix(in srgb, #26211a 8%, transparent);
  --shadow-sm: 2px 3px 0 color-mix(in srgb, #26211a 16%, transparent);
  --shadow-md: 3px 5px 0 color-mix(in srgb, #26211a 20%, transparent);
  --shadow-lg: 4px 7px 0 color-mix(in srgb, #26211a 24%, transparent);
  --sidebar-background: #fdefda;
  --sidebar-icon-color: #c94100;
  --folder-glyph-color: #e0a020;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #c94100 16%, transparent);
  --listing-row-selected-text: #26211a;
  --menu-background: #ffffff;
  --menu-border: #26211a;
}
[data-theme-preview="crayonbox"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.2 5.2a2 2 0 0 1 2-2h1.9l1.4 1.6h4.3a2 2 0 0 1 2 2v4.4a2 2 0 0 1-2 2H4.2a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
  --font-ui: "Fredoka", "Baloo 2", "Comic Sans MS", system-ui, sans-serif;
  --font-display: "Fredoka", "Baloo 2", "Comic Sans MS", sans-serif;
  --font-mono: "Comic Mono", "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.01em;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --duration-fast: 140ms;
  --duration-medium: 260ms;
  --motion-easing: cubic-bezier(0.34, 1.56, 0.64, 1);
  --surface-window: #1e1a24;
  --surface-content: #262130;
  --surface-raised: #322b3d;
  --surface-sunken: #14111a;
  --surface-translucent: #262130;
  --surface-overlay: color-mix(in srgb, #000000 50%, transparent);
  --surface-hover: color-mix(in srgb, #ff8a3d 12%, transparent);
  --surface-selected: color-mix(in srgb, #ff8a3d 20%, transparent);
  --surface-blur: 0px;
  --surface-texture: none;
  --window-background: radial-gradient(140% 120% at 100% 0%, #26202e 0%, #1e1a24 55%, #17131d 100%);
  --text-primary: #f7efe0;
  --text-muted: #bcae98;
  --text-faint: #8a7f6c;
  --text-on-accent: #341400;
  --text-link: #ff8a3d;
  --accent: #ff8a3d;
  --accent-hover: color-mix(in srgb, #ff8a3d 84%, #ffffff);
  --accent-pressed: color-mix(in srgb, #ff8a3d 66%, #ffffff);
  --accent-soft: color-mix(in srgb, #ff8a3d 22%, transparent);
  --accent-secondary: #63b3ff;
  --focus-ring: #63b3ff;
  --danger: #ff6b6b;
  --danger-hover: color-mix(in srgb, #ff6b6b 82%, #ffffff);
  --danger-soft: #3a1515;
  --success: #4fca6b;
  --success-soft: #123018;
  --warning: #e3b341;
  --warning-soft: #322811;
  --info: #63b3ff;
  --info-soft: #142639;
  --border-default: color-mix(in srgb, #ffffff 12%, transparent);
  --border-strong: color-mix(in srgb, #ffffff 30%, transparent);
  --border-subtle: color-mix(in srgb, #ffffff 7%, transparent);
  --shadow-sm: 2px 3px 0 color-mix(in srgb, #000000 45%, transparent);
  --shadow-md: 3px 5px 0 color-mix(in srgb, #000000 55%, transparent);
  --shadow-lg: 4px 7px 0 color-mix(in srgb, #000000 60%, transparent);
  --sidebar-background: #1a1622;
  --sidebar-icon-color: #ff8a3d;
  --folder-glyph-color: #ffcc4d;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #ff8a3d 22%, transparent);
  --listing-row-selected-text: #f7efe0;
  --menu-background: #322b3d;
  --menu-border: color-mix(in srgb, #ffffff 25%, transparent);
}

/* Monolith — Monochrome minimal */
[data-theme-preview="monolith"][data-scheme="light"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 4.5h4l1.2 1.4h6.8v7.1a0.8 0.8 0 0 1-0.8 0.8H2.8a0.8 0.8 0 0 1-0.8-0.8z'/%3E%3C/svg%3E");
  --font-ui: "Inter", system-ui, "Segoe UI", sans-serif;
  --font-display: "Inter", system-ui, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "Consolas", monospace;
  --letter-spacing-display: -0.015em;
  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-lg: 4px;
  --radius-pill: 999px;
  --space-2xs: 0.1875rem;
  --space-xs: 0.375rem;
  --space-sm: 0.5rem;
  --space-md: 0.75rem;
  --space-lg: 1.125rem;
  --space-xl: 1.5rem;
  --surface-window: #ffffff;
  --surface-content: #ffffff;
  --surface-raised: #fbfbfb;
  --surface-sunken: #f4f4f4;
  --surface-translucent: #ffffff;
  --surface-overlay: color-mix(in srgb, #17171a 6%, transparent);
  --surface-hover: color-mix(in srgb, #17171a 5%, transparent);
  --surface-selected: color-mix(in srgb, #17171a 10%, transparent);
  --surface-blur: 0px;
  --surface-texture: none;
  --window-background: #ffffff;
  --text-primary: #17171a;
  --text-muted: #5b5b60;
  --text-faint: #8a8a90;
  --text-on-accent: #ffffff;
  --text-link: #17171a;
  --accent: #1a1a1a;
  --accent-hover: #000000;
  --accent-pressed: #000000;
  --accent-soft: color-mix(in srgb, #1a1a1a 8%, transparent);
  --accent-secondary: #1a1a1a;
  --focus-ring: #1a1a1a;
  --danger: #b3261e;
  --danger-hover: color-mix(in srgb, #b3261e 84%, #000000);
  --danger-soft: #f2dad8;
  --success: #1a7f37;
  --success-soft: #e2efe6;
  --warning: #8a5a00;
  --warning-soft: #f0e6cf;
  --info: #17171a;
  --info-soft: #ededed;
  --border-default: color-mix(in srgb, #17171a 12%, transparent);
  --border-strong: color-mix(in srgb, #17171a 24%, transparent);
  --border-subtle: color-mix(in srgb, #17171a 6%, transparent);
  --shadow-sm: 0 1px 0 color-mix(in srgb, #17171a 8%, transparent);
  --shadow-md: 0 1px 4px color-mix(in srgb, #17171a 10%, transparent);
  --shadow-lg: 0 4px 12px color-mix(in srgb, #17171a 14%, transparent);
  --sidebar-background: #fbfbfb;
  --sidebar-icon-color: #5b5b60;
  --folder-glyph-color: #17171a;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #17171a 10%, transparent);
  --listing-row-selected-text: #17171a;
  --menu-background: #ffffff;
  --menu-border: color-mix(in srgb, #17171a 14%, transparent);
}
[data-theme-preview="monolith"][data-scheme="dark"] {
  --folder-glyph-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 4.5h4l1.2 1.4h6.8v7.1a0.8 0.8 0 0 1-0.8 0.8H2.8a0.8 0.8 0 0 1-0.8-0.8z'/%3E%3C/svg%3E");
  --font-ui: "Inter", system-ui, "Segoe UI", sans-serif;
  --font-display: "Inter", system-ui, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "Consolas", monospace;
  --letter-spacing-display: -0.015em;
  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-lg: 4px;
  --radius-pill: 999px;
  --space-2xs: 0.1875rem;
  --space-xs: 0.375rem;
  --space-sm: 0.5rem;
  --space-md: 0.75rem;
  --space-lg: 1.125rem;
  --space-xl: 1.5rem;
  --surface-window: #0f0f10;
  --surface-content: #131315;
  --surface-raised: #1a1a1d;
  --surface-sunken: #09090a;
  --surface-translucent: #131315;
  --surface-overlay: color-mix(in srgb, #000000 45%, transparent);
  --surface-hover: color-mix(in srgb, #ffffff 6%, transparent);
  --surface-selected: color-mix(in srgb, #ffffff 12%, transparent);
  --surface-blur: 0px;
  --surface-texture: none;
  --window-background: #0f0f10;
  --text-primary: #f2f2f4;
  --text-muted: #a0a0a6;
  --text-faint: #6e6e74;
  --text-on-accent: #0f0f10;
  --text-link: #f2f2f4;
  --accent: #f2f2f4;
  --accent-hover: #ffffff;
  --accent-pressed: #e2e2e6;
  --accent-soft: color-mix(in srgb, #f2f2f4 12%, transparent);
  --accent-secondary: #f2f2f4;
  --focus-ring: #f2f2f4;
  --danger: #ff6b60;
  --danger-hover: color-mix(in srgb, #ff6b60 82%, #ffffff);
  --danger-soft: #340f0c;
  --success: #4fc97a;
  --success-soft: #123018;
  --warning: #e3b341;
  --warning-soft: #2b2411;
  --info: #f2f2f4;
  --info-soft: #262628;
  --border-default: color-mix(in srgb, #ffffff 12%, transparent);
  --border-strong: color-mix(in srgb, #ffffff 24%, transparent);
  --border-subtle: color-mix(in srgb, #ffffff 7%, transparent);
  --shadow-sm: 0 1px 0 color-mix(in srgb, #000000 45%, transparent);
  --shadow-md: 0 1px 4px color-mix(in srgb, #000000 55%, transparent);
  --shadow-lg: 0 4px 12px color-mix(in srgb, #000000 65%, transparent);
  --sidebar-background: #131315;
  --sidebar-icon-color: #a0a0a6;
  --folder-glyph-color: #f2f2f4;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #ffffff 12%, transparent);
  --listing-row-selected-text: #f2f2f4;
  --menu-background: #1a1a1d;
  --menu-border: color-mix(in srgb, #ffffff 14%, transparent);
}

/* Bubblegum — Soft pink bubblegum pop */
[data-theme-preview="bubblegum"][data-scheme="light"] {
  --font-ui: "Quicksand", "Poppins", "Segoe UI", system-ui, sans-serif;
  --font-display: "Baloo 2", "Fredoka", "Quicksand", system-ui, sans-serif;
  --font-mono: "Space Mono", "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.02em;
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 26px;
  --radius-pill: 999px;
  --duration-fast: 200ms;
  --duration-medium: 380ms;
  --duration-slow: 650ms;
  --motion-easing: cubic-bezier(0.34, 1.56, 0.64, 1);
  --surface-window: #ffe3f0;
  --surface-content: #fff7fb;
  --surface-raised: #ffffff;
  --surface-sunken: #ffd1e6;
  --surface-translucent: color-mix(in srgb, #ffffff 80%, transparent);
  --surface-overlay: color-mix(in srgb, #4a1030 10%, transparent);
  --surface-hover: color-mix(in srgb, #d6336c 10%, transparent);
  --surface-selected: color-mix(in srgb, #d6336c 16%, transparent);
  --surface-blur: 6px;
  --text-primary: #5c1030;
  --text-muted: #8a3f60;
  --text-faint: #b8779a;
  --text-on-accent: #ffffff;
  --text-link: #c2185b;
  --accent: #d6336c;
  --accent-hover: #c01f5a;
  --accent-pressed: #a8104a;
  --accent-soft: color-mix(in srgb, #d6336c 14%, transparent);
  --accent-secondary: #ff8fab;
  --focus-ring: #d6336c;
  --danger: #c81e4d;
  --danger-hover: #ad1a42;
  --danger-soft: #fbdce6;
  --success: #1f9d6e;
  --success-soft: #d8f2e6;
  --warning: #b5790f;
  --warning-soft: #f6e6c8;
  --info: #2079b0;
  --info-soft: #d9edf7;
  --border-default: color-mix(in srgb, #d6336c 24%, transparent);
  --border-strong: color-mix(in srgb, #d6336c 45%, transparent);
  --border-subtle: color-mix(in srgb, #d6336c 14%, transparent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, #d6336c 20%, transparent);
  --shadow-md: 0 8px 28px color-mix(in srgb, #d6336c 26%, transparent);
  --shadow-lg: 0 18px 48px color-mix(in srgb, #5c1030 26%, transparent);
  --window-background: linear-gradient(160deg, #ffe9f4 0%, #ffd6ea 55%, #ffc2de 100%);
  --sidebar-background: color-mix(in srgb, #ffe3f0 70%, #ffffff);
  --sidebar-text: #5c1030;
  --sidebar-icon-color: #d6336c;
  --sidebar-group-heading-text: #8a3f60;
  --sidebar-item-selected-background: color-mix(in srgb, #d6336c 18%, transparent);
  --sidebar-item-selected-text: #5c1030;
  --folder-glyph-color: #ff8fab;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #d6336c 16%, transparent);
  --listing-row-selected-text: #5c1030;
  --menu-background: #ffffff;
  --menu-border: color-mix(in srgb, #d6336c 30%, transparent);
  --menu-shadow: 0 12px 36px color-mix(in srgb, #d6336c 24%, transparent);
  --context-menu-accent-cut: #c2185b;
  --context-menu-accent-copy: #2079b0;
  --context-menu-accent-paste: #1f9d6e;
  --context-menu-accent-rename: #b5790f;
  --context-menu-accent-properties: #d6336c;
}
[data-theme-preview="bubblegum"][data-scheme="dark"] {
  --font-ui: "Quicksand", "Poppins", "Segoe UI", system-ui, sans-serif;
  --font-display: "Baloo 2", "Fredoka", "Quicksand", system-ui, sans-serif;
  --font-mono: "Space Mono", "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.02em;
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 26px;
  --radius-pill: 999px;
  --duration-fast: 200ms;
  --duration-medium: 380ms;
  --duration-slow: 650ms;
  --motion-easing: cubic-bezier(0.34, 1.56, 0.64, 1);
  --surface-window: #2a0f1e;
  --surface-content: #33132a;
  --surface-raised: #3d1733;
  --surface-sunken: #200a18;
  --surface-translucent: color-mix(in srgb, #33132a 82%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 50%, transparent);
  --surface-hover: color-mix(in srgb, #ff6fa8 12%, transparent);
  --surface-selected: color-mix(in srgb, #ff6fa8 18%, transparent);
  --surface-blur: 8px;
  --text-primary: #ffe0ef;
  --text-muted: #e0a8c4;
  --text-faint: #b57e9a;
  --text-on-accent: #2a0f1e;
  --text-link: #ff6fa8;
  --accent: #ff6fa8;
  --accent-hover: #ff85b5;
  --accent-pressed: #ff9ac2;
  --accent-soft: color-mix(in srgb, #ff6fa8 20%, transparent);
  --accent-secondary: #ffd1e6;
  --focus-ring: #ff6fa8;
  --danger: #ff6b9d;
  --danger-hover: #ff85ac;
  --danger-soft: #3a1226;
  --success: #57d9b0;
  --success-soft: #123028;
  --warning: #f2c94c;
  --warning-soft: #322b11;
  --info: #6fd0ff;
  --info-soft: #123036;
  --border-default: color-mix(in srgb, #ff6fa8 28%, transparent);
  --border-strong: color-mix(in srgb, #ff6fa8 40%, transparent);
  --border-subtle: color-mix(in srgb, #ff6fa8 16%, transparent);
  --shadow-sm: 0 1px 3px color-mix(in srgb, #000000 50%, transparent);
  --shadow-md: 0 8px 30px color-mix(in srgb, #ff6fa8 20%, transparent);
  --shadow-lg: 0 20px 52px color-mix(in srgb, #000000 60%, transparent);
  --window-background: linear-gradient(160deg, #33132a 0%, #3d1733 50%, #200a18 100%);
  --sidebar-background: #200a18;
  --sidebar-text: #ffe0ef;
  --sidebar-icon-color: #ff6fa8;
  --sidebar-group-heading-text: #e0a8c4;
  --sidebar-item-selected-background: color-mix(in srgb, #ff6fa8 26%, transparent);
  --sidebar-item-selected-text: #ffe0ef;
  --folder-glyph-color: #ffd1e6;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #ff6fa8 20%, transparent);
  --listing-row-selected-text: #ffe0ef;
  --menu-background: #33132a;
  --menu-border: color-mix(in srgb, #ff6fa8 34%, transparent);
  --menu-shadow: 0 14px 40px color-mix(in srgb, #000000 60%, transparent);
  --context-menu-accent-cut: #ff6fa8;
  --context-menu-accent-copy: #6fd0ff;
  --context-menu-accent-paste: #57d9b0;
  --context-menu-accent-rename: #f2c94c;
  --context-menu-accent-properties: #ff6fa8;
}

/* Kitty Bow — A playful red-bow-on-white look */
[data-theme-preview="kittybow"][data-scheme="light"] {
  --font-ui: "Quicksand", "Poppins", "Segoe UI", system-ui, sans-serif;
  --font-display: "Baloo 2", "Fredoka", "Quicksand", system-ui, sans-serif;
  --font-mono: "Space Mono", "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.02em;
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 26px;
  --radius-pill: 999px;
  --duration-fast: 180ms;
  --duration-medium: 320ms;
  --duration-slow: 560ms;
  --motion-easing: cubic-bezier(0.34, 1.56, 0.64, 1);
  --surface-window: #fff0f5;
  --surface-content: #ffffff;
  --surface-raised: #ffffff;
  --surface-sunken: #ffe1ec;
  --surface-translucent: color-mix(in srgb, #ffffff 82%, transparent);
  --surface-overlay: color-mix(in srgb, #201014 10%, transparent);
  --surface-hover: color-mix(in srgb, #e2001a 8%, transparent);
  --surface-selected: color-mix(in srgb, #e2001a 14%, transparent);
  --surface-blur: 6px;
  --text-primary: #201014;
  --text-muted: #6b4750;
  --text-faint: #a3808a;
  --text-on-accent: #ffffff;
  --text-link: #e2001a;
  --accent: #e2001a;
  --accent-hover: #c10016;
  --accent-pressed: #a10012;
  --accent-soft: color-mix(in srgb, #e2001a 14%, transparent);
  --accent-secondary: #ffb6c1;
  --focus-ring: #e2001a;
  --danger: #c8102e;
  --danger-hover: #ac0d27;
  --danger-soft: #fbd9e0;
  --success: #1f9d6e;
  --success-soft: #d8f2e6;
  --warning: #d4a017;
  --warning-soft: #f8edcf;
  --info: #2079b0;
  --info-soft: #d9edf7;
  --border-default: color-mix(in srgb, #e2001a 20%, transparent);
  --border-strong: color-mix(in srgb, #e2001a 42%, transparent);
  --border-subtle: color-mix(in srgb, #e2001a 12%, transparent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, #201014 14%, transparent);
  --shadow-md: 0 8px 26px color-mix(in srgb, #e2001a 20%, transparent);
  --shadow-lg: 0 18px 44px color-mix(in srgb, #201014 22%, transparent);
  --window-background: linear-gradient(160deg, #fff7fa 0%, #ffeaf1 55%, #ffdbe8 100%);
  --sidebar-background: #ffffff;
  --sidebar-text: #201014;
  --sidebar-icon-color: #e2001a;
  --sidebar-group-heading-text: #6b4750;
  --sidebar-item-selected-background: color-mix(in srgb, #e2001a 14%, transparent);
  --sidebar-item-selected-text: #201014;
  --folder-glyph-color: #ffb6c1;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #e2001a 12%, transparent);
  --listing-row-selected-text: #201014;
  --menu-background: #ffffff;
  --menu-border: color-mix(in srgb, #e2001a 26%, transparent);
  --menu-shadow: 0 12px 32px color-mix(in srgb, #201014 18%, transparent);
  --context-menu-accent-cut: #e2001a;
  --context-menu-accent-copy: #2079b0;
  --context-menu-accent-paste: #1f9d6e;
  --context-menu-accent-rename: #d4a017;
  --context-menu-accent-properties: #e2001a;
}
[data-theme-preview="kittybow"][data-scheme="dark"] {
  --font-ui: "Quicksand", "Poppins", "Segoe UI", system-ui, sans-serif;
  --font-display: "Baloo 2", "Fredoka", "Quicksand", system-ui, sans-serif;
  --font-mono: "Space Mono", "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.02em;
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 26px;
  --radius-pill: 999px;
  --duration-fast: 180ms;
  --duration-medium: 320ms;
  --duration-slow: 560ms;
  --motion-easing: cubic-bezier(0.34, 1.56, 0.64, 1);
  --surface-window: #1c0d10;
  --surface-content: #241012;
  --surface-raised: #2d1417;
  --surface-sunken: #160a0c;
  --surface-translucent: color-mix(in srgb, #241012 82%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 50%, transparent);
  --surface-hover: color-mix(in srgb, #ff4d6d 12%, transparent);
  --surface-selected: color-mix(in srgb, #ff4d6d 18%, transparent);
  --surface-blur: 8px;
  --text-primary: #ffe8ee;
  --text-muted: #e3a8b5;
  --text-faint: #b98590;
  --text-on-accent: #1c0d10;
  --text-link: #ff4d6d;
  --accent: #ff4d6d;
  --accent-hover: #ff6482;
  --accent-pressed: #ff7c95;
  --accent-soft: color-mix(in srgb, #ff4d6d 20%, transparent);
  --accent-secondary: #ffb3c6;
  --focus-ring: #ff4d6d;
  --danger: #ff5c72;
  --danger-hover: #ff7286;
  --danger-soft: #3a1216;
  --success: #57d9b0;
  --success-soft: #123028;
  --warning: #f2c94c;
  --warning-soft: #322b11;
  --info: #6fd0ff;
  --info-soft: #123036;
  --border-default: color-mix(in srgb, #ff4d6d 26%, transparent);
  --border-strong: color-mix(in srgb, #ff4d6d 40%, transparent);
  --border-subtle: color-mix(in srgb, #ff4d6d 15%, transparent);
  --shadow-sm: 0 1px 3px color-mix(in srgb, #000000 50%, transparent);
  --shadow-md: 0 8px 28px color-mix(in srgb, #ff4d6d 20%, transparent);
  --shadow-lg: 0 20px 50px color-mix(in srgb, #000000 60%, transparent);
  --window-background: linear-gradient(160deg, #241012 0%, #2d1417 50%, #160a0c 100%);
  --sidebar-background: #160a0c;
  --sidebar-text: #ffe8ee;
  --sidebar-icon-color: #ff4d6d;
  --sidebar-group-heading-text: #e3a8b5;
  --sidebar-item-selected-background: color-mix(in srgb, #ff4d6d 24%, transparent);
  --sidebar-item-selected-text: #ffe8ee;
  --folder-glyph-color: #ffb3c6;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #ff4d6d 20%, transparent);
  --listing-row-selected-text: #ffe8ee;
  --menu-background: #241012;
  --menu-border: color-mix(in srgb, #ff4d6d 32%, transparent);
  --menu-shadow: 0 14px 38px color-mix(in srgb, #000000 60%, transparent);
  --context-menu-accent-cut: #ff4d6d;
  --context-menu-accent-copy: #6fd0ff;
  --context-menu-accent-paste: #57d9b0;
  --context-menu-accent-rename: #f2c94c;
  --context-menu-accent-properties: #ff4d6d;
}

/* Rock Candy — A pastel candy-shop gloss */
[data-theme-preview="rockcandy"][data-scheme="light"] {
  --font-ui: "Quicksand", "Poppins", "Segoe UI", system-ui, sans-serif;
  --font-display: "Baloo 2", "Fredoka", "Quicksand", system-ui, sans-serif;
  --font-mono: "Space Mono", "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.02em;
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 26px;
  --radius-pill: 999px;
  --duration-fast: 200ms;
  --duration-medium: 380ms;
  --duration-slow: 640ms;
  --motion-easing: cubic-bezier(0.34, 1.56, 0.64, 1);
  --surface-window: #fef2f8;
  --surface-content: #ffffff;
  --surface-raised: #ffffff;
  --surface-sunken: #fbe6f0;
  --surface-translucent: color-mix(in srgb, #ffffff 82%, transparent);
  --surface-overlay: color-mix(in srgb, #3a1a4a 10%, transparent);
  --surface-hover: color-mix(in srgb, #8a3fc9 10%, transparent);
  --surface-selected: color-mix(in srgb, #8a3fc9 16%, transparent);
  --surface-blur: 6px;
  --text-primary: #3a1a4a;
  --text-muted: #6e4a80;
  --text-faint: #a688b8;
  --text-on-accent: #ffffff;
  --text-link: #8a3fc9;
  --accent: #8a3fc9;
  --accent-hover: #7530b0;
  --accent-pressed: #602499;
  --accent-soft: color-mix(in srgb, #8a3fc9 14%, transparent);
  --accent-secondary: #2fb6a8;
  --focus-ring: #8a3fc9;
  --danger: #d6284f;
  --danger-hover: #bb2143;
  --danger-soft: #fbdce4;
  --success: #1f9d6e;
  --success-soft: #d8f2e6;
  --warning: #d4930f;
  --warning-soft: #f8edcf;
  --info: #2596d1;
  --info-soft: #dcf0fa;
  --border-default: color-mix(in srgb, #8a3fc9 22%, transparent);
  --border-strong: color-mix(in srgb, #8a3fc9 42%, transparent);
  --border-subtle: color-mix(in srgb, #8a3fc9 13%, transparent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, #8a3fc9 18%, transparent);
  --shadow-md: 0 8px 26px color-mix(in srgb, #8a3fc9 24%, transparent);
  --shadow-lg: 0 18px 46px color-mix(in srgb, #3a1a4a 24%, transparent);
  --window-background: linear-gradient(160deg, #fff5fb 0%, #fbe9f5 50%, #f3ddf0 100%);
  --sidebar-background: #ffffff;
  --sidebar-text: #3a1a4a;
  --sidebar-icon-color: #8a3fc9;
  --sidebar-group-heading-text: #6e4a80;
  --sidebar-item-selected-background: color-mix(in srgb, #8a3fc9 16%, transparent);
  --sidebar-item-selected-text: #3a1a4a;
  --folder-glyph-color: #2fb6a8;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #8a3fc9 14%, transparent);
  --listing-row-selected-text: #3a1a4a;
  --menu-background: #ffffff;
  --menu-border: color-mix(in srgb, #8a3fc9 28%, transparent);
  --menu-shadow: 0 12px 34px color-mix(in srgb, #8a3fc9 22%, transparent);
  --context-menu-accent-cut: #2596d1;
  --context-menu-accent-copy: #2596d1;
  --context-menu-accent-paste: #1f9d6e;
  --context-menu-accent-rename: #d4930f;
  --context-menu-accent-properties: #8a3fc9;
}
[data-theme-preview="rockcandy"][data-scheme="dark"] {
  --font-ui: "Quicksand", "Poppins", "Segoe UI", system-ui, sans-serif;
  --font-display: "Baloo 2", "Fredoka", "Quicksand", system-ui, sans-serif;
  --font-mono: "Space Mono", "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.02em;
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 26px;
  --radius-pill: 999px;
  --duration-fast: 200ms;
  --duration-medium: 380ms;
  --duration-slow: 640ms;
  --motion-easing: cubic-bezier(0.34, 1.56, 0.64, 1);
  --surface-window: #1e0f2e;
  --surface-content: #271539;
  --surface-raised: #301a45;
  --surface-sunken: #170a24;
  --surface-translucent: color-mix(in srgb, #271539 82%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 50%, transparent);
  --surface-hover: color-mix(in srgb, #c893ff 12%, transparent);
  --surface-selected: color-mix(in srgb, #c893ff 18%, transparent);
  --surface-blur: 8px;
  --text-primary: #f6e8ff;
  --text-muted: #cba8dd;
  --text-faint: #9f7fb8;
  --text-on-accent: #1e0f2e;
  --text-link: #c893ff;
  --accent: #c893ff;
  --accent-hover: #d3a5ff;
  --accent-pressed: #ddb6ff;
  --accent-soft: color-mix(in srgb, #c893ff 20%, transparent);
  --accent-secondary: #4fe0cf;
  --focus-ring: #c893ff;
  --danger: #ff6f91;
  --danger-hover: #ff85a2;
  --danger-soft: #3a1220;
  --success: #57d9b0;
  --success-soft: #123028;
  --warning: #f2c94c;
  --warning-soft: #322b11;
  --info: #6fd0ff;
  --info-soft: #123036;
  --border-default: color-mix(in srgb, #c893ff 28%, transparent);
  --border-strong: color-mix(in srgb, #c893ff 40%, transparent);
  --border-subtle: color-mix(in srgb, #c893ff 15%, transparent);
  --shadow-sm: 0 1px 3px color-mix(in srgb, #000000 50%, transparent);
  --shadow-md: 0 8px 28px color-mix(in srgb, #c893ff 20%, transparent);
  --shadow-lg: 0 20px 50px color-mix(in srgb, #000000 60%, transparent);
  --window-background: linear-gradient(160deg, #271539 0%, #301a45 50%, #170a24 100%);
  --sidebar-background: #170a24;
  --sidebar-text: #f6e8ff;
  --sidebar-icon-color: #c893ff;
  --sidebar-group-heading-text: #cba8dd;
  --sidebar-item-selected-background: color-mix(in srgb, #c893ff 24%, transparent);
  --sidebar-item-selected-text: #f6e8ff;
  --folder-glyph-color: #4fe0cf;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #c893ff 20%, transparent);
  --listing-row-selected-text: #f6e8ff;
  --menu-background: #271539;
  --menu-border: color-mix(in srgb, #c893ff 32%, transparent);
  --menu-shadow: 0 14px 38px color-mix(in srgb, #000000 60%, transparent);
  --context-menu-accent-cut: #6fd0ff;
  --context-menu-accent-copy: #6fd0ff;
  --context-menu-accent-paste: #57d9b0;
  --context-menu-accent-rename: #f2c94c;
  --context-menu-accent-properties: #c893ff;
}

/* Arcade Marquee — A retro arcade-cabinet look */
[data-theme-preview="arcademarquee"][data-scheme="light"] {
  --font-ui: "Segoe UI", "Avenir Next", system-ui, sans-serif;
  --font-display: "Press Start 2P", "Bank Gothic", "Segoe UI", system-ui, sans-serif;
  --font-mono: "VT323", "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.06em;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --duration-fast: 120ms;
  --duration-medium: 240ms;
  --duration-slow: 420ms;
  --motion-easing: cubic-bezier(0.2, 0.8, 0.2, 1);
  --surface-window: #fff4e0;
  --surface-content: #ffffff;
  --surface-raised: #ffffff;
  --surface-sunken: #ffe6b8;
  --surface-translucent: color-mix(in srgb, #ffffff 82%, transparent);
  --surface-overlay: color-mix(in srgb, #2a1206 10%, transparent);
  --surface-hover: color-mix(in srgb, #d6221f 8%, transparent);
  --surface-selected: color-mix(in srgb, #d6221f 14%, transparent);
  --surface-blur: 0px;
  --text-primary: #2a1206;
  --text-muted: #6b4a26;
  --text-faint: #a68052;
  --text-on-accent: #ffffff;
  --text-link: #1f7fd1;
  --accent: #d6221f;
  --accent-hover: #b81c1a;
  --accent-pressed: #9c1715;
  --accent-soft: color-mix(in srgb, #d6221f 14%, transparent);
  --accent-secondary: #1f7fd1;
  --focus-ring: #d6221f;
  --danger: #c8102e;
  --danger-hover: #ac0d27;
  --danger-soft: #f9d9de;
  --success: #1f9d6e;
  --success-soft: #d8f2e6;
  --warning: #c98a0a;
  --warning-soft: #f6e6c1;
  --info: #1f7fd1;
  --info-soft: #d9ecfb;
  --border-default: color-mix(in srgb, #2a1206 20%, transparent);
  --border-strong: color-mix(in srgb, #2a1206 45%, transparent);
  --border-subtle: color-mix(in srgb, #2a1206 10%, transparent);
  --shadow-sm: 2px 2px 0 color-mix(in srgb, #2a1206 20%, transparent);
  --shadow-md: 3px 4px 0 color-mix(in srgb, #2a1206 26%, transparent);
  --shadow-lg: 4px 6px 0 color-mix(in srgb, #2a1206 30%, transparent);
  --window-background: linear-gradient(160deg, #fff8ea 0%, #fff0d4 55%, #ffe4b0 100%);
  --sidebar-background: #ffffff;
  --sidebar-text: #2a1206;
  --sidebar-icon-color: #d6221f;
  --sidebar-group-heading-text: #6b4a26;
  --sidebar-item-selected-background: color-mix(in srgb, #d6221f 14%, transparent);
  --sidebar-item-selected-text: #2a1206;
  --folder-glyph-color: #1f7fd1;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #d6221f 12%, transparent);
  --listing-row-selected-text: #2a1206;
  --menu-background: #ffffff;
  --menu-border: color-mix(in srgb, #2a1206 30%, transparent);
  --menu-shadow: 3px 5px 0 color-mix(in srgb, #2a1206 22%, transparent);
  --context-menu-accent-cut: #d6221f;
  --context-menu-accent-copy: #1f7fd1;
  --context-menu-accent-paste: #1f9d6e;
  --context-menu-accent-rename: #c98a0a;
  --context-menu-accent-properties: #d6221f;
}
[data-theme-preview="arcademarquee"][data-scheme="dark"] {
  --font-ui: "Segoe UI", "Avenir Next", system-ui, sans-serif;
  --font-display: "Press Start 2P", "Bank Gothic", "Segoe UI", system-ui, sans-serif;
  --font-mono: "VT323", "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.06em;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --duration-fast: 120ms;
  --duration-medium: 240ms;
  --duration-slow: 420ms;
  --motion-easing: cubic-bezier(0.2, 0.8, 0.2, 1);
  --surface-window: #0a0a12;
  --surface-content: #14141f;
  --surface-raised: #1c1c2a;
  --surface-sunken: #060609;
  --surface-translucent: color-mix(in srgb, #14141f 82%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 55%, transparent);
  --surface-hover: color-mix(in srgb, #ff2e63 12%, transparent);
  --surface-selected: color-mix(in srgb, #ff2e63 18%, transparent);
  --surface-blur: 0px;
  --text-primary: #f5f0ff;
  --text-muted: #b8aed6;
  --text-faint: #8a7fae;
  --text-on-accent: #0a0a12;
  --text-link: #2ee6ff;
  --accent: #ff2e63;
  --accent-hover: #ff4d78;
  --accent-pressed: #ff6b8c;
  --accent-soft: color-mix(in srgb, #ff2e63 20%, transparent);
  --accent-secondary: #2ee6ff;
  --focus-ring: #ff2e63;
  --danger: #ff4d5e;
  --danger-hover: #ff6474;
  --danger-soft: #3a1216;
  --success: #3df2a0;
  --success-soft: #0f3024;
  --warning: #ffd23f;
  --warning-soft: #322b11;
  --info: #2ee6ff;
  --info-soft: #0f2c36;
  --border-default: color-mix(in srgb, #2ee6ff 26%, transparent);
  --border-strong: color-mix(in srgb, #ff2e63 40%, transparent);
  --border-subtle: color-mix(in srgb, #2ee6ff 14%, transparent);
  --shadow-sm: 2px 2px 0 color-mix(in srgb, #000000 55%, transparent);
  --shadow-md: 3px 4px 0 color-mix(in srgb, #ff2e63 24%, transparent);
  --shadow-lg: 4px 6px 0 color-mix(in srgb, #000000 65%, transparent);
  --window-background: linear-gradient(160deg, #14141f 0%, #1c1c2a 50%, #060609 100%);
  --sidebar-background: #060609;
  --sidebar-text: #f5f0ff;
  --sidebar-icon-color: #2ee6ff;
  --sidebar-group-heading-text: #b8aed6;
  --sidebar-item-selected-background: color-mix(in srgb, #ff2e63 22%, transparent);
  --sidebar-item-selected-text: #f5f0ff;
  --folder-glyph-color: #2ee6ff;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #ff2e63 20%, transparent);
  --listing-row-selected-text: #f5f0ff;
  --menu-background: #14141f;
  --menu-border: color-mix(in srgb, #2ee6ff 30%, transparent);
  --menu-shadow: 3px 5px 0 color-mix(in srgb, #000000 60%, transparent);
  --context-menu-accent-cut: #ff2e63;
  --context-menu-accent-copy: #2ee6ff;
  --context-menu-accent-paste: #3df2a0;
  --context-menu-accent-rename: #ffd23f;
  --context-menu-accent-properties: #ff2e63;
}

/* Cottagecore — A cozy cottage-garden look */
[data-theme-preview="cottagecore"][data-scheme="light"] {
  --font-ui: "Poppins", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --font-display: "Playfair Display", "Georgia", serif;
  --font-mono: "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.01em;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --duration-fast: 220ms;
  --duration-medium: 420ms;
  --duration-slow: 680ms;
  --motion-easing: cubic-bezier(0.22, 0.61, 0.36, 1);
  --surface-window: #f6efe0;
  --surface-content: #fffaf0;
  --surface-raised: #ffffff;
  --surface-sunken: #ede0c8;
  --surface-translucent: color-mix(in srgb, #ffffff 82%, transparent);
  --surface-overlay: color-mix(in srgb, #3a2a1a 10%, transparent);
  --surface-hover: color-mix(in srgb, #5a7d4a 8%, transparent);
  --surface-selected: color-mix(in srgb, #5a7d4a 14%, transparent);
  --surface-blur: 4px;
  --text-primary: #3a2a1a;
  --text-muted: #6e5a3e;
  --text-faint: #a3906e;
  --text-on-accent: #ffffff;
  --text-link: #5a7d4a;
  --accent: #5a7d4a;
  --accent-hover: #4a6a3c;
  --accent-pressed: #3d5830;
  --accent-soft: color-mix(in srgb, #5a7d4a 14%, transparent);
  --accent-secondary: #c17b6a;
  --focus-ring: #5a7d4a;
  --danger: #b5432f;
  --danger-hover: #9a3826;
  --danger-soft: #f5ded7;
  --success: #4a8f5a;
  --success-soft: #dcefe0;
  --warning: #b5860f;
  --warning-soft: #f3e7c6;
  --info: #4a7d9e;
  --info-soft: #dbebf2;
  --border-default: color-mix(in srgb, #3a2a1a 16%, transparent);
  --border-strong: color-mix(in srgb, #3a2a1a 32%, transparent);
  --border-subtle: color-mix(in srgb, #3a2a1a 9%, transparent);
  --shadow-sm: 0 1px 2px color-mix(in srgb, #3a2a1a 14%, transparent);
  --shadow-md: 0 8px 24px color-mix(in srgb, #3a2a1a 16%, transparent);
  --shadow-lg: 0 16px 40px color-mix(in srgb, #3a2a1a 20%, transparent);
  --window-background: linear-gradient(160deg, #faf5e8 0%, #f6efe0 55%, #efe3ca 100%);
  --sidebar-background: color-mix(in srgb, #f6efe0 60%, #ffffff);
  --sidebar-text: #3a2a1a;
  --sidebar-icon-color: #5a7d4a;
  --sidebar-group-heading-text: #6e5a3e;
  --sidebar-item-selected-background: color-mix(in srgb, #5a7d4a 14%, transparent);
  --sidebar-item-selected-text: #3a2a1a;
  --folder-glyph-color: #c17b6a;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #5a7d4a 12%, transparent);
  --listing-row-selected-text: #3a2a1a;
  --menu-background: #ffffff;
  --menu-border: color-mix(in srgb, #3a2a1a 20%, transparent);
  --menu-shadow: 0 12px 32px color-mix(in srgb, #3a2a1a 16%, transparent);
  --context-menu-accent-cut: #b5432f;
  --context-menu-accent-copy: #4a7d9e;
  --context-menu-accent-paste: #4a8f5a;
  --context-menu-accent-rename: #b5860f;
  --context-menu-accent-properties: #5a7d4a;
}
[data-theme-preview="cottagecore"][data-scheme="dark"] {
  --font-ui: "Poppins", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --font-display: "Playfair Display", "Georgia", serif;
  --font-mono: "Courier New", ui-monospace, monospace;
  --letter-spacing-display: 0.01em;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --duration-fast: 220ms;
  --duration-medium: 420ms;
  --duration-slow: 680ms;
  --motion-easing: cubic-bezier(0.22, 0.61, 0.36, 1);
  --surface-window: #1c1810;
  --surface-content: #241f16;
  --surface-raised: #2d271b;
  --surface-sunken: #16130c;
  --surface-translucent: color-mix(in srgb, #241f16 82%, transparent);
  --surface-overlay: color-mix(in srgb, #000000 50%, transparent);
  --surface-hover: color-mix(in srgb, #8fc46a 12%, transparent);
  --surface-selected: color-mix(in srgb, #8fc46a 18%, transparent);
  --surface-blur: 6px;
  --text-primary: #f5ecd8;
  --text-muted: #cbb896;
  --text-faint: #9e8f70;
  --text-on-accent: #1c1810;
  --text-link: #8fc46a;
  --accent: #8fc46a;
  --accent-hover: #a0d07d;
  --accent-pressed: #b0dc90;
  --accent-soft: color-mix(in srgb, #8fc46a 20%, transparent);
  --accent-secondary: #e0a08a;
  --focus-ring: #8fc46a;
  --danger: #e0705a;
  --danger-hover: #e88670;
  --danger-soft: #351812;
  --success: #8fc46a;
  --success-soft: #1c2c14;
  --warning: #f2c94c;
  --warning-soft: #322b11;
  --info: #7ab0d6;
  --info-soft: #16262f;
  --border-default: color-mix(in srgb, #8fc46a 24%, transparent);
  --border-strong: color-mix(in srgb, #8fc46a 38%, transparent);
  --border-subtle: color-mix(in srgb, #8fc46a 13%, transparent);
  --shadow-sm: 0 1px 3px color-mix(in srgb, #000000 50%, transparent);
  --shadow-md: 0 8px 26px color-mix(in srgb, #000000 45%, transparent);
  --shadow-lg: 0 18px 46px color-mix(in srgb, #000000 55%, transparent);
  --window-background: linear-gradient(160deg, #241f16 0%, #2d271b 50%, #16130c 100%);
  --sidebar-background: #16130c;
  --sidebar-text: #f5ecd8;
  --sidebar-icon-color: #8fc46a;
  --sidebar-group-heading-text: #cbb896;
  --sidebar-item-selected-background: color-mix(in srgb, #8fc46a 22%, transparent);
  --sidebar-item-selected-text: #f5ecd8;
  --folder-glyph-color: #e0a08a;
  --listing-background-wash: none;
  --listing-row-selected-background: color-mix(in srgb, #8fc46a 18%, transparent);
  --listing-row-selected-text: #f5ecd8;
  --menu-background: #241f16;
  --menu-border: color-mix(in srgb, #8fc46a 28%, transparent);
  --menu-shadow: 0 14px 36px color-mix(in srgb, #000000 55%, transparent);
  --context-menu-accent-cut: #e0705a;
  --context-menu-accent-copy: #7ab0d6;
  --context-menu-accent-paste: #8fc46a;
  --context-menu-accent-rename: #f2c94c;
  --context-menu-accent-properties: #8fc46a;
}