/* Complete browser-local theme presets. Light uses softly tinted paper; Dark uses near-black colored neutrals.
   Default inherits tokens.css. Status meaning, typography, layout and interaction behavior remain shared. */
:root {
  --accent-swatch: var(--action);
  --theme-preview-canvas: var(--surface-canvas);
  --theme-preview-nav: var(--surface-nav);
  --theme-preview-panel: var(--surface-1);
  --theme-preview-action: var(--action);
}

:root[data-accent="blue"],
:root[data-accent="indigo"],
:root[data-accent="violet"],
:root[data-accent="purple"],
:root[data-accent="pink"],
:root[data-accent="rose"],
:root[data-accent="orange"],
:root[data-accent="amber"],
:root[data-accent="emerald"],
:root[data-accent="teal"],
:root[data-accent="cyan"] {
  --accent: var(--preset-color);
  --accent-hover: var(--preset-hover);
  --accent-active: var(--preset-active);
  --accent-text: var(--preset-text);
  --accent-soft: var(--preset-soft);
  --accent-line: var(--preset-focus);
  --line-accent: var(--preset-focus);
  --on-accent: var(--preset-action-ink);
  --ink-on-accent: var(--preset-action-ink);
  --action: var(--preset-color);
  --action-hover: var(--preset-hover);
  --action-active: var(--preset-active);
  --ink-on-action: var(--preset-action-ink);
  --switch-knob: var(--preset-action-ink);
  --focus-color: var(--preset-focus);
  --ink-link: var(--preset-text);
  --brand: var(--preset-focus);
  --brand-soft: var(--preset-soft);
  --surface-canvas: var(--preset-canvas);
  --surface-nav: var(--preset-nav);
  --surface-1: var(--preset-panel);
  --surface-2: var(--preset-raised);
  --surface-input: var(--preset-input);
  --surface-sunken: var(--preset-input);
  --surface-overlay: var(--preset-raised);
  --surface-inverse: var(--preset-inverse);
  --ink-1: var(--preset-ink);
  --ink-2: var(--preset-body);
  --ink-3: var(--preset-muted);
  --ink-4: var(--preset-control);
  --ink-inverse: var(--preset-inverse-ink);
  --ink-inverse-2: var(--preset-inverse-body);
  --line-1: var(--preset-line);
  --line-2: var(--preset-control);
  --line-3: var(--preset-muted);
  --control-line: var(--preset-control);
  --nav-ink: var(--preset-ink);
  --nav-ink-muted: var(--preset-muted);
  --nav-line: var(--preset-line);
  --nav-hover: var(--preset-panel);
  --nav-selected: var(--preset-selected);
  --nav-selected-ink: var(--preset-text);
  --nav-focus: var(--preset-focus);
  --state-hover: var(--preset-raised);
  --state-active: var(--preset-active-surface);
  --state-selected: var(--preset-soft);
  --state-row-hover: var(--preset-raised);
  --state-row-expanded: var(--preset-raised);
  --nav-active: var(--preset-selected);
  --row-selected: var(--preset-soft);
  --card-hover: var(--preset-raised);
  --selection: var(--preset-selection);
  --skeleton-a: var(--preset-raised);
  --skeleton-b: var(--preset-line);
  --scrollbar: var(--preset-line);
  --scrollbar-hover: var(--preset-control);
  --workspace-hero: var(--preset-panel);
  --workspace-hero-node: var(--preset-raised);
  --workspace-hero-ink: var(--preset-ink);
  --workspace-hero-muted: var(--preset-body);
  --workspace-hero-line: var(--preset-line);
  --workspace-hero-accent: var(--preset-text);
  --workspace-hero-accent-soft: var(--preset-soft);
  --surface-console: var(--preset-console);
  --console-ink: var(--preset-console-ink);
  --console-muted: var(--preset-console-muted);
  --console-line: var(--preset-console-line);
  --console-accent: var(--preset-scene-accent);
  --console-accent-soft: var(--preset-scene-soft);
  --console-teal: var(--preset-scene-secondary);
  --console-halo: var(--preset-scene-halo);
  --auth-scene: var(--preset-console);
  --auth-scene-deep: var(--preset-console);
  --auth-scene-ink: var(--preset-console-ink);
  --auth-scene-muted: var(--preset-console-muted);
  --auth-brass: var(--preset-scene-accent);
  --auth-brass-line: var(--preset-scene-accent);
  --auth-scene-line: var(--preset-console-line);
  --auth-light: var(--preset-scene-halo);
  --auth-orbit-highlight: var(--preset-scene-soft);
  --auth-seal-light: var(--preset-console-line);
  --brand-sage: var(--preset-scene-accent);
  --code-key: var(--preset-ink);
  --code-comment: var(--preset-muted);
  --code-accent: var(--preset-text);
  --viz-1: var(--preset-focus);
  --viz-axis: var(--preset-muted);
  --chart-primary: var(--preset-ink);
  --bg-nav: var(--surface-nav);
  --bg: var(--surface-canvas);
  --surface: var(--surface-1);
  --raised: var(--surface-2);
  --well: var(--surface-sunken);
  --hover: var(--state-hover);
  --text: var(--ink-1);
  --text-2: var(--ink-2);
  --text-3: var(--ink-3);
}

/* LIGHT — softly tinted paper and deep action colors. */
:root[data-accent="blue"] {
  --preset-canvas: #f1f5fb; --preset-nav: #e5edf7; --preset-panel: #fbfdff;
  --preset-raised: #e9f0f8; --preset-input: #f8fbff; --preset-active-surface: #dde5ee;
  --preset-ink: #1d2b40; --preset-body: #42556b; --preset-muted: #526479;
  --preset-line: #d2d8df; --preset-control: #748394;
  --preset-inverse: #0d1219; --preset-inverse-ink: #e7edf5; --preset-inverse-body: #bdc8d8;
  --preset-color: #1d4ed8; --preset-hover: #1e40af; --preset-active: #1e3a8a;
  --preset-text: #1e40af; --preset-focus: #1d4ed8; --preset-action-ink: #ffffff;
  --preset-soft: rgba(29, 78, 216, .04); --preset-selection: rgba(29, 78, 216, .15);
  --preset-selected: rgba(29, 78, 216, .08);
  --preset-console: #0d1219; --preset-console-ink: #e7edf5; --preset-console-muted: #aab6c8;
  --preset-console-line: #3b4451; --preset-scene-accent: #a8c7fa; --preset-scene-secondary: #8edbd4;
  --preset-scene-soft: rgba(168, 199, 250, .08); --preset-scene-halo: rgba(168, 199, 250, .12);
}
:root[data-accent="indigo"] {
  --preset-canvas: #f3f3fb; --preset-nav: #e9e9f6; --preset-panel: #fcfcff;
  --preset-raised: #ededf8; --preset-input: #fafaff; --preset-active-surface: #e1e1ed;
  --preset-ink: #27243b; --preset-body: #4b4862; --preset-muted: #5b586f;
  --preset-line: #d5d5dc; --preset-control: #7b798c;
  --preset-inverse: #0e0f17; --preset-inverse-ink: #eaeaf3; --preset-inverse-body: #c2c2d6;
  --preset-color: #4338ca; --preset-hover: #3730a3; --preset-active: #312e81;
  --preset-text: #3730a3; --preset-focus: #4338ca; --preset-action-ink: #ffffff;
  --preset-soft: rgba(67, 56, 202, .04); --preset-selection: rgba(67, 56, 202, .15);
  --preset-selected: rgba(67, 56, 202, .08);
  --preset-console: #0e0f17; --preset-console-ink: #eaeaf3; --preset-console-muted: #b0b0c5;
  --preset-console-line: #3e4051; --preset-scene-accent: #b6bcf6; --preset-scene-secondary: #a0cde8;
  --preset-scene-soft: rgba(182, 188, 246, .08); --preset-scene-halo: rgba(182, 188, 246, .12);
}
:root[data-accent="violet"] {
  --preset-canvas: #f6f3fb; --preset-nav: #eee7f6; --preset-panel: #fdfbff;
  --preset-raised: #f0eaf8; --preset-input: #fcf9ff; --preset-active-surface: #e5deed;
  --preset-ink: #2e243c; --preset-body: #554764; --preset-muted: #635770;
  --preset-line: #d8d4dd; --preset-control: #82788d;
  --preset-inverse: #100e17; --preset-inverse-ink: #eee8f2; --preset-inverse-body: #cbbfd7;
  --preset-color: #6d28d9; --preset-hover: #5b21b6; --preset-active: #4c1d95;
  --preset-text: #5b21b6; --preset-focus: #6d28d9; --preset-action-ink: #ffffff;
  --preset-soft: rgba(109, 40, 217, .04); --preset-selection: rgba(109, 40, 217, .15);
  --preset-selected: rgba(109, 40, 217, .08);
  --preset-console: #100e17; --preset-console-ink: #eee8f2; --preset-console-muted: #b9aec5;
  --preset-console-line: #453e51; --preset-scene-accent: #ccb9f3; --preset-scene-secondary: #9ecbdc;
  --preset-scene-soft: rgba(204, 185, 243, .08); --preset-scene-halo: rgba(204, 185, 243, .12);
}
:root[data-accent="purple"] {
  --preset-canvas: #f8f3fa; --preset-nav: #f0e7f4; --preset-panel: #fefbff;
  --preset-raised: #f3eaf7; --preset-input: #fdf9ff; --preset-active-surface: #e8deec;
  --preset-ink: #332539; --preset-body: #5b4960; --preset-muted: #68576d;
  --preset-line: #dad4dc; --preset-control: #86788a;
  --preset-inverse: #130e16; --preset-inverse-ink: #f0e8f1; --preset-inverse-body: #d0bfd3;
  --preset-color: #7e22ce; --preset-hover: #6b21a8; --preset-active: #581c87;
  --preset-text: #6b21a8; --preset-focus: #7e22ce; --preset-action-ink: #ffffff;
  --preset-soft: rgba(126, 34, 206, .04); --preset-selection: rgba(126, 34, 206, .15);
  --preset-selected: rgba(126, 34, 206, .08);
  --preset-console: #130e16; --preset-console-ink: #f0e8f1; --preset-console-muted: #bfaec2;
  --preset-console-line: #4b3e4f; --preset-scene-accent: #dbb9ee; --preset-scene-secondary: #c4bee9;
  --preset-scene-soft: rgba(219, 185, 238, .08); --preset-scene-halo: rgba(219, 185, 238, .12);
}
:root[data-accent="pink"] {
  --preset-canvas: #fbf3f7; --preset-nav: #f7e6ee; --preset-panel: #fffbfd;
  --preset-raised: #f9eaf1; --preset-input: #fff8fc; --preset-active-surface: #eedee6;
  --preset-ink: #392630; --preset-body: #644955; --preset-muted: #705964;
  --preset-line: #ddd4d8; --preset-control: #8d7983;
  --preset-inverse: #150f13; --preset-inverse-ink: #f3e8ee; --preset-inverse-body: #d7bfcb;
  --preset-color: #be185d; --preset-hover: #9d174d; --preset-active: #831843;
  --preset-text: #9d174d; --preset-focus: #be185d; --preset-action-ink: #ffffff;
  --preset-soft: rgba(190, 24, 93, .04); --preset-selection: rgba(190, 24, 93, .15);
  --preset-selected: rgba(190, 24, 93, .08);
  --preset-console: #150f13; --preset-console-ink: #f3e8ee; --preset-console-muted: #c6adb9;
  --preset-console-line: #4f3f48; --preset-scene-accent: #edb0ce; --preset-scene-secondary: #dcb7d9;
  --preset-scene-soft: rgba(237, 176, 206, .08); --preset-scene-halo: rgba(237, 176, 206, .12);
}
:root[data-accent="rose"] {
  --preset-canvas: #fbf3f4; --preset-nav: #f6e6e9; --preset-panel: #fffbfc;
  --preset-raised: #f8eaed; --preset-input: #fff8fa; --preset-active-surface: #eddee2;
  --preset-ink: #39262c; --preset-body: #65494f; --preset-muted: #715a60;
  --preset-line: #ddd4d7; --preset-control: #8d7a7f;
  --preset-inverse: #160f11; --preset-inverse-ink: #f4e9ec; --preset-inverse-body: #d9c1c7;
  --preset-color: #be123c; --preset-hover: #9f1239; --preset-active: #881337;
  --preset-text: #9f1239; --preset-focus: #be123c; --preset-action-ink: #ffffff;
  --preset-soft: rgba(190, 18, 60, .04); --preset-selection: rgba(190, 18, 60, .15);
  --preset-selected: rgba(190, 18, 60, .08);
  --preset-console: #160f11; --preset-console-ink: #f4e9ec; --preset-console-muted: #c8afb5;
  --preset-console-line: #513f45; --preset-scene-accent: #f1adb9; --preset-scene-secondary: #efc2a2;
  --preset-scene-soft: rgba(241, 173, 185, .08); --preset-scene-halo: rgba(241, 173, 185, .12);
}
:root[data-accent="orange"] {
  --preset-canvas: #faf5f0; --preset-nav: #f3e9de; --preset-panel: #fffcf8;
  --preset-raised: #f6ede3; --preset-input: #fffbf5; --preset-active-surface: #ebe2d7;
  --preset-ink: #382b22; --preset-body: #614f41; --preset-muted: #6c5e51;
  --preset-line: #dcd6d0; --preset-control: #897e72;
  --preset-inverse: #15110e; --preset-inverse-ink: #f1eae4; --preset-inverse-body: #d3c5b9;
  --preset-color: #c2410c; --preset-hover: #9a3412; --preset-active: #7c2d12;
  --preset-text: #9a3412; --preset-focus: #c2410c; --preset-action-ink: #ffffff;
  --preset-soft: rgba(194, 65, 12, .04); --preset-selection: rgba(194, 65, 12, .15);
  --preset-selected: rgba(194, 65, 12, .08);
  --preset-console: #15110e; --preset-console-ink: #f1eae4; --preset-console-muted: #c3b4a9;
  --preset-console-line: #4f443d; --preset-scene-accent: #efbd99; --preset-scene-secondary: #edd095;
  --preset-scene-soft: rgba(239, 189, 153, .08); --preset-scene-halo: rgba(239, 189, 153, .12);
}
:root[data-accent="amber"] {
  --preset-canvas: #faf7ef; --preset-nav: #f3eddb; --preset-panel: #fffdf7;
  --preset-raised: #f6f0e0; --preset-input: #fffcf3; --preset-active-surface: #ebe4d4;
  --preset-ink: #352d20; --preset-body: #5e523d; --preset-muted: #6a604e;
  --preset-line: #dbd7ce; --preset-control: #887f70;
  --preset-inverse: #15120d; --preset-inverse-ink: #f0ece2; --preset-inverse-body: #d1c8b5;
  --preset-color: #b45309; --preset-hover: #92400e; --preset-active: #78350f;
  --preset-text: #92400e; --preset-focus: #b45309; --preset-action-ink: #ffffff;
  --preset-soft: rgba(180, 83, 9, .04); --preset-selection: rgba(180, 83, 9, .15);
  --preset-selected: rgba(180, 83, 9, .08);
  --preset-console: #15120d; --preset-console-ink: #f0ece2; --preset-console-muted: #c0b8a5;
  --preset-console-line: #4e483c; --preset-scene-accent: #e8cc91; --preset-scene-secondary: #c9d49c;
  --preset-scene-soft: rgba(232, 204, 145, .08); --preset-scene-halo: rgba(232, 204, 145, .12);
}
:root[data-accent="emerald"] {
  --preset-canvas: #f1f7f3; --preset-nav: #e3efe7; --preset-panel: #fbfefc;
  --preset-raised: #e8f3ec; --preset-input: #f7fcf9; --preset-active-surface: #dce8e0;
  --preset-ink: #20352a; --preset-body: #435c4c; --preset-muted: #53695c;
  --preset-line: #d3dad6; --preset-control: #75877c;
  --preset-inverse: #0c140f; --preset-inverse-ink: #e6f0e9; --preset-inverse-body: #bbd2c3;
  --preset-color: #047857; --preset-hover: #065f46; --preset-active: #064e3b;
  --preset-text: #065f46; --preset-focus: #047857; --preset-action-ink: #ffffff;
  --preset-soft: rgba(4, 120, 87, .04); --preset-selection: rgba(4, 120, 87, .15);
  --preset-selected: rgba(4, 120, 87, .08);
  --preset-console: #0c140f; --preset-console-ink: #e6f0e9; --preset-console-muted: #a9c1b1;
  --preset-console-line: #3b4c41; --preset-scene-accent: #9fd8b6; --preset-scene-secondary: #a2d4cf;
  --preset-scene-soft: rgba(159, 216, 182, .08); --preset-scene-halo: rgba(159, 216, 182, .12);
}
:root[data-accent="teal"] {
  --preset-canvas: #f0f7f6; --preset-nav: #e1efed; --preset-panel: #fafffe;
  --preset-raised: #e6f3f1; --preset-input: #f6fcfb; --preset-active-surface: #dae8e5;
  --preset-ink: #203533; --preset-body: #435c59; --preset-muted: #4d6461;
  --preset-line: #d0dad8; --preset-control: #708380;
  --preset-inverse: #0d1414; --preset-inverse-ink: #e5f0ef; --preset-inverse-body: #bad2cf;
  --preset-color: #0f766e; --preset-hover: #115e59; --preset-active: #134e4a;
  --preset-text: #115e59; --preset-focus: #0f766e; --preset-action-ink: #ffffff;
  --preset-soft: rgba(15, 118, 110, .04); --preset-selection: rgba(15, 118, 110, .15);
  --preset-selected: rgba(15, 118, 110, .08);
  --preset-console: #0d1414; --preset-console-ink: #e5f0ef; --preset-console-muted: #a8c1bf;
  --preset-console-line: #3b4c4c; --preset-scene-accent: #97d9d1; --preset-scene-secondary: #9bc9e4;
  --preset-scene-soft: rgba(151, 217, 209, .08); --preset-scene-halo: rgba(151, 217, 209, .12);
}
:root[data-accent="cyan"] {
  --preset-canvas: #f0f7fa; --preset-nav: #e1edf3; --preset-panel: #fafdff;
  --preset-raised: #e7f1f6; --preset-input: #f6fbfe; --preset-active-surface: #dbe6ec;
  --preset-ink: #21323b; --preset-body: #435865; --preset-muted: #4e626e;
  --preset-line: #d2dade; --preset-control: #758791;
  --preset-inverse: #0d1216; --preset-inverse-ink: #e6eef2; --preset-inverse-body: #bacfda;
  --preset-color: #0e7490; --preset-hover: #155e75; --preset-active: #164e63;
  --preset-text: #155e75; --preset-focus: #0e7490; --preset-action-ink: #ffffff;
  --preset-soft: rgba(14, 116, 144, .04); --preset-selection: rgba(14, 116, 144, .15);
  --preset-selected: rgba(14, 116, 144, .08);
  --preset-console: #0d1216; --preset-console-ink: #e6eef2; --preset-console-muted: #a9bdc7;
  --preset-console-line: #3c4a53; --preset-scene-accent: #9dcfe6; --preset-scene-secondary: #9cbedf;
  --preset-scene-soft: rgba(157, 207, 230, .08); --preset-scene-halo: rgba(157, 207, 230, .12);
}

/* DARK — near-black surfaces, rich action colors and independent bright focus/link ink. */
:root[data-theme="dark"][data-accent="blue"] {
  --preset-canvas: #10151d; --preset-nav: #121a25; --preset-panel: #1a222d;
  --preset-raised: #222d3a; --preset-input: #0d1219; --preset-active-surface: #2d3845;
  --preset-ink: #e7edf5; --preset-body: #bdc8d8; --preset-muted: #aab6c8;
  --preset-line: #3b4451; --preset-control: #818d9d;
  --preset-inverse: #e7edf5; --preset-inverse-ink: #1d2b40; --preset-inverse-body: #42556b;
  --preset-color: #3361c7; --preset-hover: #3b6bd3; --preset-active: #2b53ad;
  --preset-text: #a8c7fa; --preset-focus: #a8c7fa; --preset-action-ink: #ffffff;
  --preset-soft: rgba(168, 199, 250, .04); --preset-selection: rgba(168, 199, 250, .18);
  --preset-selected: rgba(168, 199, 250, .10);
  --preset-console: #0d1219; --preset-console-ink: #e7edf5; --preset-console-muted: #aab6c8;
  --preset-console-line: #3b4451; --preset-scene-accent: #a8c7fa; --preset-scene-secondary: #8edbd4;
  --preset-scene-soft: rgba(168, 199, 250, .08); --preset-scene-halo: rgba(168, 199, 250, .12);
}
:root[data-theme="dark"][data-accent="indigo"] {
  --preset-canvas: #12131d; --preset-nav: #161724; --preset-panel: #1c1e2e;
  --preset-raised: #282b3b; --preset-input: #0e0f17; --preset-active-surface: #333646;
  --preset-ink: #eaeaf3; --preset-body: #c2c2d6; --preset-muted: #b0b0c5;
  --preset-line: #3e4051; --preset-control: #87889c;
  --preset-inverse: #eaeaf3; --preset-inverse-ink: #27243b; --preset-inverse-body: #4b4862;
  --preset-color: #5550c7; --preset-hover: #655dd2; --preset-active: #4843ad;
  --preset-text: #b6bcf6; --preset-focus: #b6bcf6; --preset-action-ink: #ffffff;
  --preset-soft: rgba(182, 188, 246, .04); --preset-selection: rgba(182, 188, 246, .18);
  --preset-selected: rgba(182, 188, 246, .10);
  --preset-console: #0e0f17; --preset-console-ink: #eaeaf3; --preset-console-muted: #b0b0c5;
  --preset-console-line: #3e4051; --preset-scene-accent: #b6bcf6; --preset-scene-secondary: #a0cde8;
  --preset-scene-soft: rgba(182, 188, 246, .08); --preset-scene-halo: rgba(182, 188, 246, .12);
}
:root[data-theme="dark"][data-accent="violet"] {
  --preset-canvas: #15121d; --preset-nav: #1a1624; --preset-panel: #221c2e;
  --preset-raised: #2d273b; --preset-input: #100e17; --preset-active-surface: #383246;
  --preset-ink: #eee8f2; --preset-body: #cbbfd7; --preset-muted: #b9aec5;
  --preset-line: #453e51; --preset-control: #8f869c;
  --preset-inverse: #eee8f2; --preset-inverse-ink: #2e243c; --preset-inverse-body: #554764;
  --preset-color: #7950bd; --preset-hover: #875dcc; --preset-active: #6943a8;
  --preset-text: #ccb9f3; --preset-focus: #ccb9f3; --preset-action-ink: #ffffff;
  --preset-soft: rgba(204, 185, 243, .04); --preset-selection: rgba(204, 185, 243, .18);
  --preset-selected: rgba(204, 185, 243, .10);
  --preset-console: #100e17; --preset-console-ink: #eee8f2; --preset-console-muted: #b9aec5;
  --preset-console-line: #453e51; --preset-scene-accent: #ccb9f3; --preset-scene-secondary: #9ecbdc;
  --preset-scene-soft: rgba(204, 185, 243, .08); --preset-scene-halo: rgba(204, 185, 243, .12);
}
:root[data-theme="dark"][data-accent="purple"] {
  --preset-canvas: #18121c; --preset-nav: #1e1623; --preset-panel: #281c2d;
  --preset-raised: #332739; --preset-input: #130e16; --preset-active-surface: #3e3244;
  --preset-ink: #f0e8f1; --preset-body: #d0bfd3; --preset-muted: #bfaec2;
  --preset-line: #4b3e4f; --preset-control: #958699;
  --preset-inverse: #f0e8f1; --preset-inverse-ink: #332539; --preset-inverse-body: #5b4960;
  --preset-color: #8a49b3; --preset-hover: #9957c1; --preset-active: #793e9e;
  --preset-text: #dbb9ee; --preset-focus: #dbb9ee; --preset-action-ink: #ffffff;
  --preset-soft: rgba(219, 185, 238, .04); --preset-selection: rgba(219, 185, 238, .18);
  --preset-selected: rgba(219, 185, 238, .10);
  --preset-console: #130e16; --preset-console-ink: #f0e8f1; --preset-console-muted: #bfaec2;
  --preset-console-line: #4b3e4f; --preset-scene-accent: #dbb9ee; --preset-scene-secondary: #c4bee9;
  --preset-scene-soft: rgba(219, 185, 238, .08); --preset-scene-halo: rgba(219, 185, 238, .12);
}
:root[data-theme="dark"][data-accent="pink"] {
  --preset-canvas: #1b1218; --preset-nav: #22171e; --preset-panel: #2b1e26;
  --preset-raised: #352830; --preset-input: #150f13; --preset-active-surface: #41333b;
  --preset-ink: #f3e8ee; --preset-body: #d7bfcb; --preset-muted: #c6adb9;
  --preset-line: #4f3f48; --preset-control: #9b8590;
  --preset-inverse: #f3e8ee; --preset-inverse-ink: #392630; --preset-inverse-body: #644955;
  --preset-color: #b23b78; --preset-hover: #bf4786; --preset-active: #9b3268;
  --preset-text: #edb0ce; --preset-focus: #edb0ce; --preset-action-ink: #ffffff;
  --preset-soft: rgba(237, 176, 206, .04); --preset-selection: rgba(237, 176, 206, .18);
  --preset-selected: rgba(237, 176, 206, .10);
  --preset-console: #150f13; --preset-console-ink: #f3e8ee; --preset-console-muted: #c6adb9;
  --preset-console-line: #4f3f48; --preset-scene-accent: #edb0ce; --preset-scene-secondary: #dcb7d9;
  --preset-scene-soft: rgba(237, 176, 206, .08); --preset-scene-halo: rgba(237, 176, 206, .12);
}
:root[data-theme="dark"][data-accent="rose"] {
  --preset-canvas: #1c1215; --preset-nav: #23171b; --preset-panel: #2d1e23;
  --preset-raised: #37292f; --preset-input: #160f11; --preset-active-surface: #43343a;
  --preset-ink: #f4e9ec; --preset-body: #d9c1c7; --preset-muted: #c8afb5;
  --preset-line: #513f45; --preset-control: #9d878d;
  --preset-inverse: #f4e9ec; --preset-inverse-ink: #39262c; --preset-inverse-body: #65494f;
  --preset-color: #b7435c; --preset-hover: #c34d68; --preset-active: #a03750;
  --preset-text: #f1adb9; --preset-focus: #f1adb9; --preset-action-ink: #ffffff;
  --preset-soft: rgba(241, 173, 185, .04); --preset-selection: rgba(241, 173, 185, .18);
  --preset-selected: rgba(241, 173, 185, .10);
  --preset-console: #160f11; --preset-console-ink: #f4e9ec; --preset-console-muted: #c8afb5;
  --preset-console-line: #513f45; --preset-scene-accent: #f1adb9; --preset-scene-secondary: #efc2a2;
  --preset-scene-soft: rgba(241, 173, 185, .08); --preset-scene-halo: rgba(241, 173, 185, .12);
}
:root[data-theme="dark"][data-accent="orange"] {
  --preset-canvas: #1b1511; --preset-nav: #221b16; --preset-panel: #2c231d;
  --preset-raised: #352b25; --preset-input: #15110e; --preset-active-surface: #403630;
  --preset-ink: #f1eae4; --preset-body: #d3c5b9; --preset-muted: #c3b4a9;
  --preset-line: #4f443d; --preset-control: #988b81;
  --preset-inverse: #f1eae4; --preset-inverse-ink: #382b22; --preset-inverse-body: #614f41;
  --preset-color: #ad5127; --preset-hover: #b6582c; --preset-active: #96431f;
  --preset-text: #efbd99; --preset-focus: #efbd99; --preset-action-ink: #ffffff;
  --preset-soft: rgba(239, 189, 153, .04); --preset-selection: rgba(239, 189, 153, .18);
  --preset-selected: rgba(239, 189, 153, .10);
  --preset-console: #15110e; --preset-console-ink: #f1eae4; --preset-console-muted: #c3b4a9;
  --preset-console-line: #4f443d; --preset-scene-accent: #efbd99; --preset-scene-secondary: #edd095;
  --preset-scene-soft: rgba(239, 189, 153, .08); --preset-scene-halo: rgba(239, 189, 153, .12);
}
:root[data-theme="dark"][data-accent="amber"] {
  --preset-canvas: #1b1710; --preset-nav: #221e15; --preset-panel: #2c271c;
  --preset-raised: #342e23; --preset-input: #15120d; --preset-active-surface: #3f392d;
  --preset-ink: #f0ece2; --preset-body: #d1c8b5; --preset-muted: #c0b8a5;
  --preset-line: #4e483c; --preset-control: #968f7e;
  --preset-inverse: #f0ece2; --preset-inverse-ink: #352d20; --preset-inverse-body: #5e523d;
  --preset-color: #946415; --preset-hover: #996818; --preset-active: #815510;
  --preset-text: #e8cc91; --preset-focus: #e8cc91; --preset-action-ink: #ffffff;
  --preset-soft: rgba(232, 204, 145, .04); --preset-selection: rgba(232, 204, 145, .18);
  --preset-selected: rgba(232, 204, 145, .10);
  --preset-console: #15120d; --preset-console-ink: #f0ece2; --preset-console-muted: #c0b8a5;
  --preset-console-line: #4e483c; --preset-scene-accent: #e8cc91; --preset-scene-secondary: #c9d49c;
  --preset-scene-soft: rgba(232, 204, 145, .08); --preset-scene-halo: rgba(232, 204, 145, .12);
}
:root[data-theme="dark"][data-accent="emerald"] {
  --preset-canvas: #101914; --preset-nav: #142019; --preset-panel: #1a2920;
  --preset-raised: #223329; --preset-input: #0c140f; --preset-active-surface: #2d3e34;
  --preset-ink: #e6f0e9; --preset-body: #bbd2c3; --preset-muted: #a9c1b1;
  --preset-line: #3b4c41; --preset-control: #819688;
  --preset-inverse: #e6f0e9; --preset-inverse-ink: #20352a; --preset-inverse-body: #435c4c;
  --preset-color: #24754c; --preset-hover: #2c8056; --preset-active: #1e6541;
  --preset-text: #9fd8b6; --preset-focus: #9fd8b6; --preset-action-ink: #ffffff;
  --preset-soft: rgba(159, 216, 182, .04); --preset-selection: rgba(159, 216, 182, .18);
  --preset-selected: rgba(159, 216, 182, .10);
  --preset-console: #0c140f; --preset-console-ink: #e6f0e9; --preset-console-muted: #a9c1b1;
  --preset-console-line: #3b4c41; --preset-scene-accent: #9fd8b6; --preset-scene-secondary: #a2d4cf;
  --preset-scene-soft: rgba(159, 216, 182, .08); --preset-scene-halo: rgba(159, 216, 182, .12);
}
:root[data-theme="dark"][data-accent="teal"] {
  --preset-canvas: #101919; --preset-nav: #142020; --preset-panel: #1b292a;
  --preset-raised: #223233; --preset-input: #0d1414; --preset-active-surface: #2d3d3e;
  --preset-ink: #e5f0ef; --preset-body: #bad2cf; --preset-muted: #a8c1bf;
  --preset-line: #3b4c4c; --preset-control: #809695;
  --preset-inverse: #e5f0ef; --preset-inverse-ink: #203533; --preset-inverse-body: #435c59;
  --preset-color: #197775; --preset-hover: #208381; --preset-active: #156664;
  --preset-text: #97d9d1; --preset-focus: #97d9d1; --preset-action-ink: #ffffff;
  --preset-soft: rgba(151, 217, 209, .04); --preset-selection: rgba(151, 217, 209, .18);
  --preset-selected: rgba(151, 217, 209, .10);
  --preset-console: #0d1414; --preset-console-ink: #e5f0ef; --preset-console-muted: #a8c1bf;
  --preset-console-line: #3b4c4c; --preset-scene-accent: #97d9d1; --preset-scene-secondary: #9bc9e4;
  --preset-scene-soft: rgba(151, 217, 209, .08); --preset-scene-halo: rgba(151, 217, 209, .12);
}
:root[data-theme="dark"][data-accent="cyan"] {
  --preset-canvas: #10171b; --preset-nav: #141e24; --preset-panel: #1d2830;
  --preset-raised: #23313a; --preset-input: #0d1216; --preset-active-surface: #2e3c45;
  --preset-ink: #e6eef2; --preset-body: #bacfda; --preset-muted: #a9bdc7;
  --preset-line: #3c4a53; --preset-control: #81939d;
  --preset-inverse: #e6eef2; --preset-inverse-ink: #21323b; --preset-inverse-body: #435865;
  --preset-color: #216e91; --preset-hover: #2b7b9e; --preset-active: #1b5f7d;
  --preset-text: #9dcfe6; --preset-focus: #9dcfe6; --preset-action-ink: #ffffff;
  --preset-soft: rgba(157, 207, 230, .04); --preset-selection: rgba(157, 207, 230, .18);
  --preset-selected: rgba(157, 207, 230, .10);
  --preset-console: #0d1216; --preset-console-ink: #e6eef2; --preset-console-muted: #a9bdc7;
  --preset-console-line: #3c4a53; --preset-scene-accent: #9dcfe6; --preset-scene-secondary: #9cbedf;
  --preset-scene-soft: rgba(157, 207, 230, .08); --preset-scene-halo: rgba(157, 207, 230, .12);
}

/* Theme chooser previews always depict their own palette, independent of the active one. */
[data-accent-choice="default"] {
  --theme-preview-canvas: #f4f4f7; --theme-preview-nav: #e9ecf4;
  --theme-preview-panel: #fcfcfe; --theme-preview-action: #6951b8; --accent-swatch: #6951b8;
}
[data-accent-choice="blue"] {
  --theme-preview-canvas: #f1f5fb; --theme-preview-nav: #e5edf7;
  --theme-preview-panel: #fbfdff; --theme-preview-action: #1d4ed8; --accent-swatch: #1d4ed8;
}
[data-accent-choice="indigo"] {
  --theme-preview-canvas: #f3f3fb; --theme-preview-nav: #e9e9f6;
  --theme-preview-panel: #fcfcff; --theme-preview-action: #4338ca; --accent-swatch: #4338ca;
}
[data-accent-choice="violet"] {
  --theme-preview-canvas: #f6f3fb; --theme-preview-nav: #eee7f6;
  --theme-preview-panel: #fdfbff; --theme-preview-action: #6d28d9; --accent-swatch: #6d28d9;
}
[data-accent-choice="purple"] {
  --theme-preview-canvas: #f8f3fa; --theme-preview-nav: #f0e7f4;
  --theme-preview-panel: #fefbff; --theme-preview-action: #7e22ce; --accent-swatch: #7e22ce;
}
[data-accent-choice="pink"] {
  --theme-preview-canvas: #fbf3f7; --theme-preview-nav: #f7e6ee;
  --theme-preview-panel: #fffbfd; --theme-preview-action: #be185d; --accent-swatch: #be185d;
}
[data-accent-choice="rose"] {
  --theme-preview-canvas: #fbf3f4; --theme-preview-nav: #f6e6e9;
  --theme-preview-panel: #fffbfc; --theme-preview-action: #be123c; --accent-swatch: #be123c;
}
[data-accent-choice="orange"] {
  --theme-preview-canvas: #faf5f0; --theme-preview-nav: #f3e9de;
  --theme-preview-panel: #fffcf8; --theme-preview-action: #c2410c; --accent-swatch: #c2410c;
}
[data-accent-choice="amber"] {
  --theme-preview-canvas: #faf7ef; --theme-preview-nav: #f3eddb;
  --theme-preview-panel: #fffdf7; --theme-preview-action: #b45309; --accent-swatch: #b45309;
}
[data-accent-choice="emerald"] {
  --theme-preview-canvas: #f1f7f3; --theme-preview-nav: #e3efe7;
  --theme-preview-panel: #fbfefc; --theme-preview-action: #047857; --accent-swatch: #047857;
}
[data-accent-choice="teal"] {
  --theme-preview-canvas: #f0f7f6; --theme-preview-nav: #e1efed;
  --theme-preview-panel: #fafffe; --theme-preview-action: #0f766e; --accent-swatch: #0f766e;
}
[data-accent-choice="cyan"] {
  --theme-preview-canvas: #f0f7fa; --theme-preview-nav: #e1edf3;
  --theme-preview-panel: #fafdff; --theme-preview-action: #0e7490; --accent-swatch: #0e7490;
}
:root[data-theme="dark"] [data-accent-choice="default"] {
  --theme-preview-canvas: #111214; --theme-preview-nav: #151619;
  --theme-preview-panel: #191b1f; --theme-preview-action: #6951b8; --accent-swatch: #6951b8;
}
:root[data-theme="dark"] [data-accent-choice="blue"] {
  --theme-preview-canvas: #10151d; --theme-preview-nav: #121a25;
  --theme-preview-panel: #1a222d; --theme-preview-action: #3361c7; --accent-swatch: #3361c7;
}
:root[data-theme="dark"] [data-accent-choice="indigo"] {
  --theme-preview-canvas: #12131d; --theme-preview-nav: #161724;
  --theme-preview-panel: #1c1e2e; --theme-preview-action: #5550c7; --accent-swatch: #5550c7;
}
:root[data-theme="dark"] [data-accent-choice="violet"] {
  --theme-preview-canvas: #15121d; --theme-preview-nav: #1a1624;
  --theme-preview-panel: #221c2e; --theme-preview-action: #7950bd; --accent-swatch: #7950bd;
}
:root[data-theme="dark"] [data-accent-choice="purple"] {
  --theme-preview-canvas: #18121c; --theme-preview-nav: #1e1623;
  --theme-preview-panel: #281c2d; --theme-preview-action: #8a49b3; --accent-swatch: #8a49b3;
}
:root[data-theme="dark"] [data-accent-choice="pink"] {
  --theme-preview-canvas: #1b1218; --theme-preview-nav: #22171e;
  --theme-preview-panel: #2b1e26; --theme-preview-action: #b23b78; --accent-swatch: #b23b78;
}
:root[data-theme="dark"] [data-accent-choice="rose"] {
  --theme-preview-canvas: #1c1215; --theme-preview-nav: #23171b;
  --theme-preview-panel: #2d1e23; --theme-preview-action: #b7435c; --accent-swatch: #b7435c;
}
:root[data-theme="dark"] [data-accent-choice="orange"] {
  --theme-preview-canvas: #1b1511; --theme-preview-nav: #221b16;
  --theme-preview-panel: #2c231d; --theme-preview-action: #ad5127; --accent-swatch: #ad5127;
}
:root[data-theme="dark"] [data-accent-choice="amber"] {
  --theme-preview-canvas: #1b1710; --theme-preview-nav: #221e15;
  --theme-preview-panel: #2c271c; --theme-preview-action: #946415; --accent-swatch: #946415;
}
:root[data-theme="dark"] [data-accent-choice="emerald"] {
  --theme-preview-canvas: #101914; --theme-preview-nav: #142019;
  --theme-preview-panel: #1a2920; --theme-preview-action: #24754c; --accent-swatch: #24754c;
}
:root[data-theme="dark"] [data-accent-choice="teal"] {
  --theme-preview-canvas: #101919; --theme-preview-nav: #142020;
  --theme-preview-panel: #1b292a; --theme-preview-action: #197775; --accent-swatch: #197775;
}
:root[data-theme="dark"] [data-accent-choice="cyan"] {
  --theme-preview-canvas: #10171b; --theme-preview-nav: #141e24;
  --theme-preview-panel: #1d2830; --theme-preview-action: #216e91; --accent-swatch: #216e91;
}