/* Demo palettes from file-browser.html. Miasma stays in theme.css. */
html[data-theme="tessera"][data-appearance="light"] {
  --app-fg: #172033;
  --app-title: #172033;
  --app-desc: #4B5568;
  --app-brand: #0F7B6C;
  --app-label: #4B5568;
  --app-accent: #0F7B6C;
  --app-muted: #8590A2;
  --app-border: #E1E5EB;
  --app-bg: #F2F4F7;
  --app-surface: #FFFFFF;
  --app-accent-hover: #0F7B6C;
  --app-danger: #b42318;
  --app-ok: #32735f;
  --app-link: #0F7B6C;
  --app-link-visited: #4B5568;
  --app-shadow: 0 1px 2px rgba(0,0,0,.04),0 10px 30px -18px rgba(20,24,40,.18);
  --app-accent-ink: #FFFFFF;
  --app-folder: #6C8BB4;
  color-scheme: light;
}
html[data-theme="tessera"][data-appearance="dark"] {
  --app-fg: #E6EAF0;
  --app-title: #E6EAF0;
  --app-desc: #A8B1BF;
  --app-brand: #56D4BC;
  --app-label: #A8B1BF;
  --app-accent: #56D4BC;
  --app-muted: #6A7587;
  --app-border: #242C37;
  --app-bg: #0D1116;
  --app-surface: #141920;
  --app-accent-hover: #56D4BC;
  --app-danger: #b42318;
  --app-ok: #32735f;
  --app-link: #56D4BC;
  --app-link-visited: #A8B1BF;
  --app-shadow: 0 12px 32px -18px rgba(0,0,0,.75);
  --app-accent-ink: #05201A;
  --app-folder: #8BA6CD;
  color-scheme: dark;
}
html[data-theme="tessera"][data-appearance="system"] {
  --app-fg: #172033;
  --app-title: #172033;
  --app-desc: #4B5568;
  --app-brand: #0F7B6C;
  --app-label: #4B5568;
  --app-accent: #0F7B6C;
  --app-muted: #8590A2;
  --app-border: #E1E5EB;
  --app-bg: #F2F4F7;
  --app-surface: #FFFFFF;
  --app-accent-hover: #0F7B6C;
  --app-danger: #b42318;
  --app-ok: #32735f;
  --app-link: #0F7B6C;
  --app-link-visited: #4B5568;
  --app-shadow: 0 1px 2px rgba(0,0,0,.04),0 10px 30px -18px rgba(20,24,40,.18);
  --app-accent-ink: #FFFFFF;
  --app-folder: #6C8BB4;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
html[data-theme="tessera"][data-appearance="system"] {
  --app-fg: #E6EAF0;
  --app-title: #E6EAF0;
  --app-desc: #A8B1BF;
  --app-brand: #56D4BC;
  --app-label: #A8B1BF;
  --app-accent: #56D4BC;
  --app-muted: #6A7587;
  --app-border: #242C37;
  --app-bg: #0D1116;
  --app-surface: #141920;
  --app-accent-hover: #56D4BC;
  --app-danger: #b42318;
  --app-ok: #32735f;
  --app-link: #56D4BC;
  --app-link-visited: #A8B1BF;
  --app-shadow: 0 12px 32px -18px rgba(0,0,0,.75);
  --app-accent-ink: #05201A;
  --app-folder: #8BA6CD;
  color-scheme: dark;
}
}
html[data-theme="graphite"][data-appearance="light"] {
  --app-fg: #18181B;
  --app-title: #18181B;
  --app-desc: #52525B;
  --app-brand: #2F5BD3;
  --app-label: #52525B;
  --app-accent: #2F5BD3;
  --app-muted: #8E8E96;
  --app-border: #E4E4E7;
  --app-bg: #F4F4F5;
  --app-surface: #FFFFFF;
  --app-accent-hover: #2F5BD3;
  --app-danger: #b42318;
  --app-ok: #32735f;
  --app-link: #2F5BD3;
  --app-link-visited: #52525B;
  --app-shadow: 0 1px 2px rgba(0,0,0,.04),0 10px 30px -18px rgba(20,24,40,.18);
  --app-accent-ink: #FFFFFF;
  --app-folder: #71717A;
  color-scheme: light;
}
html[data-theme="graphite"][data-appearance="dark"] {
  --app-fg: #EDEDEF;
  --app-title: #EDEDEF;
  --app-desc: #A1A1AA;
  --app-brand: #7EA2FF;
  --app-label: #A1A1AA;
  --app-accent: #7EA2FF;
  --app-muted: #6B6B74;
  --app-border: #26262A;
  --app-bg: #0C0C0E;
  --app-surface: #141416;
  --app-accent-hover: #7EA2FF;
  --app-danger: #b42318;
  --app-ok: #32735f;
  --app-link: #7EA2FF;
  --app-link-visited: #A1A1AA;
  --app-shadow: 0 12px 32px -18px rgba(0,0,0,.75);
  --app-accent-ink: #0A1330;
  --app-folder: #9A9AA3;
  color-scheme: dark;
}
html[data-theme="graphite"][data-appearance="system"] {
  --app-fg: #18181B;
  --app-title: #18181B;
  --app-desc: #52525B;
  --app-brand: #2F5BD3;
  --app-label: #52525B;
  --app-accent: #2F5BD3;
  --app-muted: #8E8E96;
  --app-border: #E4E4E7;
  --app-bg: #F4F4F5;
  --app-surface: #FFFFFF;
  --app-accent-hover: #2F5BD3;
  --app-danger: #b42318;
  --app-ok: #32735f;
  --app-link: #2F5BD3;
  --app-link-visited: #52525B;
  --app-shadow: 0 1px 2px rgba(0,0,0,.04),0 10px 30px -18px rgba(20,24,40,.18);
  --app-accent-ink: #FFFFFF;
  --app-folder: #71717A;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
html[data-theme="graphite"][data-appearance="system"] {
  --app-fg: #EDEDEF;
  --app-title: #EDEDEF;
  --app-desc: #A1A1AA;
  --app-brand: #7EA2FF;
  --app-label: #A1A1AA;
  --app-accent: #7EA2FF;
  --app-muted: #6B6B74;
  --app-border: #26262A;
  --app-bg: #0C0C0E;
  --app-surface: #141416;
  --app-accent-hover: #7EA2FF;
  --app-danger: #b42318;
  --app-ok: #32735f;
  --app-link: #7EA2FF;
  --app-link-visited: #A1A1AA;
  --app-shadow: 0 12px 32px -18px rgba(0,0,0,.75);
  --app-accent-ink: #0A1330;
  --app-folder: #9A9AA3;
  color-scheme: dark;
}
}
html[data-theme="fjord"][data-appearance="light"] {
  --app-fg: #13233A;
  --app-title: #13233A;
  --app-desc: #43546B;
  --app-brand: #1F6FA8;
  --app-label: #43546B;
  --app-accent: #1F6FA8;
  --app-muted: #7F8DA0;
  --app-border: #DAE2EB;
  --app-bg: #EEF2F6;
  --app-surface: #FFFFFF;
  --app-accent-hover: #1F6FA8;
  --app-danger: #b42318;
  --app-ok: #32735f;
  --app-link: #1F6FA8;
  --app-link-visited: #43546B;
  --app-shadow: 0 1px 2px rgba(0,0,0,.04),0 10px 30px -18px rgba(20,24,40,.18);
  --app-accent-ink: #FFFFFF;
  --app-folder: #5E86AE;
  color-scheme: light;
}
html[data-theme="fjord"][data-appearance="dark"] {
  --app-fg: #E5EBF2;
  --app-title: #E5EBF2;
  --app-desc: #AEB9C7;
  --app-brand: #88C0D0;
  --app-label: #AEB9C7;
  --app-accent: #88C0D0;
  --app-muted: #758397;
  --app-border: #333D4B;
  --app-bg: #1B222C;
  --app-surface: #222A35;
  --app-accent-hover: #88C0D0;
  --app-danger: #b42318;
  --app-ok: #32735f;
  --app-link: #88C0D0;
  --app-link-visited: #AEB9C7;
  --app-shadow: 0 12px 32px -18px rgba(0,0,0,.75);
  --app-accent-ink: #0E1A22;
  --app-folder: #81A1C1;
  color-scheme: dark;
}
html[data-theme="fjord"][data-appearance="system"] {
  --app-fg: #13233A;
  --app-title: #13233A;
  --app-desc: #43546B;
  --app-brand: #1F6FA8;
  --app-label: #43546B;
  --app-accent: #1F6FA8;
  --app-muted: #7F8DA0;
  --app-border: #DAE2EB;
  --app-bg: #EEF2F6;
  --app-surface: #FFFFFF;
  --app-accent-hover: #1F6FA8;
  --app-danger: #b42318;
  --app-ok: #32735f;
  --app-link: #1F6FA8;
  --app-link-visited: #43546B;
  --app-shadow: 0 1px 2px rgba(0,0,0,.04),0 10px 30px -18px rgba(20,24,40,.18);
  --app-accent-ink: #FFFFFF;
  --app-folder: #5E86AE;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
html[data-theme="fjord"][data-appearance="system"] {
  --app-fg: #E5EBF2;
  --app-title: #E5EBF2;
  --app-desc: #AEB9C7;
  --app-brand: #88C0D0;
  --app-label: #AEB9C7;
  --app-accent: #88C0D0;
  --app-muted: #758397;
  --app-border: #333D4B;
  --app-bg: #1B222C;
  --app-surface: #222A35;
  --app-accent-hover: #88C0D0;
  --app-danger: #b42318;
  --app-ok: #32735f;
  --app-link: #88C0D0;
  --app-link-visited: #AEB9C7;
  --app-shadow: 0 12px 32px -18px rgba(0,0,0,.75);
  --app-accent-ink: #0E1A22;
  --app-folder: #81A1C1;
  color-scheme: dark;
}
}
html[data-theme="aubergine"][data-appearance="light"] {
  --app-fg: #221A2C;
  --app-title: #221A2C;
  --app-desc: #564B63;
  --app-brand: #7B3FA0;
  --app-label: #564B63;
  --app-accent: #7B3FA0;
  --app-muted: #908599;
  --app-border: #E6E1EC;
  --app-bg: #F5F3F7;
  --app-surface: #FFFFFF;
  --app-accent-hover: #7B3FA0;
  --app-danger: #b42318;
  --app-ok: #32735f;
  --app-link: #7B3FA0;
  --app-link-visited: #564B63;
  --app-shadow: 0 1px 2px rgba(0,0,0,.04),0 10px 30px -18px rgba(20,24,40,.18);
  --app-accent-ink: #FFFFFF;
  --app-folder: #8A6FA8;
  color-scheme: light;
}
html[data-theme="aubergine"][data-appearance="dark"] {
  --app-fg: #EEE8F4;
  --app-title: #EEE8F4;
  --app-desc: #B3A8C0;
  --app-brand: #C9A2F0;
  --app-label: #B3A8C0;
  --app-accent: #C9A2F0;
  --app-muted: #776D83;
  --app-border: #2E2636;
  --app-bg: #120F17;
  --app-surface: #1A1520;
  --app-accent-hover: #C9A2F0;
  --app-danger: #b42318;
  --app-ok: #32735f;
  --app-link: #C9A2F0;
  --app-link-visited: #B3A8C0;
  --app-shadow: 0 12px 32px -18px rgba(0,0,0,.75);
  --app-accent-ink: #22103A;
  --app-folder: #A98CC9;
  color-scheme: dark;
}
html[data-theme="aubergine"][data-appearance="system"] {
  --app-fg: #221A2C;
  --app-title: #221A2C;
  --app-desc: #564B63;
  --app-brand: #7B3FA0;
  --app-label: #564B63;
  --app-accent: #7B3FA0;
  --app-muted: #908599;
  --app-border: #E6E1EC;
  --app-bg: #F5F3F7;
  --app-surface: #FFFFFF;
  --app-accent-hover: #7B3FA0;
  --app-danger: #b42318;
  --app-ok: #32735f;
  --app-link: #7B3FA0;
  --app-link-visited: #564B63;
  --app-shadow: 0 1px 2px rgba(0,0,0,.04),0 10px 30px -18px rgba(20,24,40,.18);
  --app-accent-ink: #FFFFFF;
  --app-folder: #8A6FA8;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
html[data-theme="aubergine"][data-appearance="system"] {
  --app-fg: #EEE8F4;
  --app-title: #EEE8F4;
  --app-desc: #B3A8C0;
  --app-brand: #C9A2F0;
  --app-label: #B3A8C0;
  --app-accent: #C9A2F0;
  --app-muted: #776D83;
  --app-border: #2E2636;
  --app-bg: #120F17;
  --app-surface: #1A1520;
  --app-accent-hover: #C9A2F0;
  --app-danger: #b42318;
  --app-ok: #32735f;
  --app-link: #C9A2F0;
  --app-link-visited: #B3A8C0;
  --app-shadow: 0 12px 32px -18px rgba(0,0,0,.75);
  --app-accent-ink: #22103A;
  --app-folder: #A98CC9;
  color-scheme: dark;
}
}
html[data-theme="bronze"][data-appearance="light"] {
  --app-fg: #1F1C17;
  --app-title: #1F1C17;
  --app-desc: #57524A;
  --app-brand: #8A5A12;
  --app-label: #57524A;
  --app-accent: #8A5A12;
  --app-muted: #8F897F;
  --app-border: #E3E1DC;
  --app-bg: #F2F2F0;
  --app-surface: #FFFFFF;
  --app-accent-hover: #8A5A12;
  --app-danger: #b42318;
  --app-ok: #32735f;
  --app-link: #8A5A12;
  --app-link-visited: #57524A;
  --app-shadow: 0 1px 2px rgba(0,0,0,.04),0 10px 30px -18px rgba(20,24,40,.18);
  --app-accent-ink: #FFFFFF;
  --app-folder: #9A7B4F;
  color-scheme: light;
}
html[data-theme="bronze"][data-appearance="dark"] {
  --app-fg: #EFEBE4;
  --app-title: #EFEBE4;
  --app-desc: #B8B0A4;
  --app-brand: #E0B266;
  --app-label: #B8B0A4;
  --app-accent: #E0B266;
  --app-muted: #7C756B;
  --app-border: #302C26;
  --app-bg: #131210;
  --app-surface: #1B1916;
  --app-accent-hover: #E0B266;
  --app-danger: #b42318;
  --app-ok: #32735f;
  --app-link: #E0B266;
  --app-link-visited: #B8B0A4;
  --app-shadow: 0 12px 32px -18px rgba(0,0,0,.75);
  --app-accent-ink: #2A1C05;
  --app-folder: #C4A57A;
  color-scheme: dark;
}
html[data-theme="bronze"][data-appearance="system"] {
  --app-fg: #1F1C17;
  --app-title: #1F1C17;
  --app-desc: #57524A;
  --app-brand: #8A5A12;
  --app-label: #57524A;
  --app-accent: #8A5A12;
  --app-muted: #8F897F;
  --app-border: #E3E1DC;
  --app-bg: #F2F2F0;
  --app-surface: #FFFFFF;
  --app-accent-hover: #8A5A12;
  --app-danger: #b42318;
  --app-ok: #32735f;
  --app-link: #8A5A12;
  --app-link-visited: #57524A;
  --app-shadow: 0 1px 2px rgba(0,0,0,.04),0 10px 30px -18px rgba(20,24,40,.18);
  --app-accent-ink: #FFFFFF;
  --app-folder: #9A7B4F;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
html[data-theme="bronze"][data-appearance="system"] {
  --app-fg: #EFEBE4;
  --app-title: #EFEBE4;
  --app-desc: #B8B0A4;
  --app-brand: #E0B266;
  --app-label: #B8B0A4;
  --app-accent: #E0B266;
  --app-muted: #7C756B;
  --app-border: #302C26;
  --app-bg: #131210;
  --app-surface: #1B1916;
  --app-accent-hover: #E0B266;
  --app-danger: #b42318;
  --app-ok: #32735f;
  --app-link: #E0B266;
  --app-link-visited: #B8B0A4;
  --app-shadow: 0 12px 32px -18px rgba(0,0,0,.75);
  --app-accent-ink: #2A1C05;
  --app-folder: #C4A57A;
  color-scheme: dark;
}
}
html[data-theme="contrast"][data-appearance="light"] {
  --app-fg: #000000;
  --app-title: #000000;
  --app-desc: #1A1A1A;
  --app-brand: #0047C2;
  --app-label: #1A1A1A;
  --app-accent: #0047C2;
  --app-muted: #454545;
  --app-border: #7A7A7A;
  --app-bg: #FFFFFF;
  --app-surface: #FFFFFF;
  --app-accent-hover: #0047C2;
  --app-danger: #b42318;
  --app-ok: #32735f;
  --app-link: #0047C2;
  --app-link-visited: #1A1A1A;
  --app-shadow: 0 1px 2px rgba(0,0,0,.04),0 10px 30px -18px rgba(20,24,40,.18);
  --app-accent-ink: #FFFFFF;
  --app-folder: #0047C2;
  color-scheme: light;
}
html[data-theme="contrast"][data-appearance="dark"] {
  --app-fg: #FFFFFF;
  --app-title: #FFFFFF;
  --app-desc: #EBEBEB;
  --app-brand: #FFD23F;
  --app-label: #EBEBEB;
  --app-accent: #FFD23F;
  --app-muted: #BDBDBD;
  --app-border: #7A7A7A;
  --app-bg: #000000;
  --app-surface: #0A0A0A;
  --app-accent-hover: #FFD23F;
  --app-danger: #b42318;
  --app-ok: #32735f;
  --app-link: #FFD23F;
  --app-link-visited: #EBEBEB;
  --app-shadow: 0 12px 32px -18px rgba(0,0,0,.75);
  --app-accent-ink: #000000;
  --app-folder: #FFD23F;
  color-scheme: dark;
}
html[data-theme="contrast"][data-appearance="system"] {
  --app-fg: #000000;
  --app-title: #000000;
  --app-desc: #1A1A1A;
  --app-brand: #0047C2;
  --app-label: #1A1A1A;
  --app-accent: #0047C2;
  --app-muted: #454545;
  --app-border: #7A7A7A;
  --app-bg: #FFFFFF;
  --app-surface: #FFFFFF;
  --app-accent-hover: #0047C2;
  --app-danger: #b42318;
  --app-ok: #32735f;
  --app-link: #0047C2;
  --app-link-visited: #1A1A1A;
  --app-shadow: 0 1px 2px rgba(0,0,0,.04),0 10px 30px -18px rgba(20,24,40,.18);
  --app-accent-ink: #FFFFFF;
  --app-folder: #0047C2;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
html[data-theme="contrast"][data-appearance="system"] {
  --app-fg: #FFFFFF;
  --app-title: #FFFFFF;
  --app-desc: #EBEBEB;
  --app-brand: #FFD23F;
  --app-label: #EBEBEB;
  --app-accent: #FFD23F;
  --app-muted: #BDBDBD;
  --app-border: #7A7A7A;
  --app-bg: #000000;
  --app-surface: #0A0A0A;
  --app-accent-hover: #FFD23F;
  --app-danger: #b42318;
  --app-ok: #32735f;
  --app-link: #FFD23F;
  --app-link-visited: #EBEBEB;
  --app-shadow: 0 12px 32px -18px rgba(0,0,0,.75);
  --app-accent-ink: #000000;
  --app-folder: #FFD23F;
  color-scheme: dark;
}
}