/* Velvet: oxblood lacquer, gold rules, deco double frame */
[data-theme="velvet"] {
  --bg: #1d0a12;
  --stage-bg: radial-gradient(120% 90% at 50% 40%, #3a1420 0%, #140609 72%);
  --surface: #2a0f1a;
  --surface-2: #361829;
  --ink: #f2e4c8;
  --ink-2: #c9a77a;
  --rule: #7d5c32;
  --accent: #e2b96a;
  --on-accent: #2a0f1a;
  --dock-bg: rgba(42, 15, 26, 0.94);
  --shadow: 0 18px 40px rgba(0, 0, 0, 0.5);
  --font: Constantia, Georgia, serif;
  --font-display: "Palatino Linotype", Constantia, Georgia, serif;
  --display-weight: 700;
  --display-track: 0.02em;
  --radius: 4px;
  --radius-ctl: 2px;
  --radius-dock: 4px;
  --radius-key: 2px;
  --radius-sheet: 6px;
  --thumb-bg: #2a0f1a;
  --thumb: 14px;
  --thumb-r: 50%;
  --track-h: 2px;
  line-height: 1.5;
}

[data-theme="velvet"] .panel {
  box-shadow: inset 0 0 0 4px var(--surface), inset 0 0 0 5px var(--rule);
}

[data-theme="velvet"] .brand {
  font-style: italic;
}

[data-theme="velvet"] .dock,
[data-theme="velvet"] .topbar .icon-btn {
  box-shadow: inset 0 0 0 2px var(--dock-bg), inset 0 0 0 3px var(--rule), var(--shadow);
}

/* Plate: engraved scientific plate, cool paper, copper ink */
[data-theme="plate"] {
  --bg: #c9d1db;
  --stage-bg: #dfe5ec;
  --surface: #e8ecf1;
  --surface-2: #f6f8fb;
  --ink: #1d2733;
  --ink-2: #4f5d6d;
  --rule: #93a1b1;
  --accent: #a4532a;
  --on-accent: #fff8f0;
  --dock-bg: rgba(232, 236, 241, 0.95);
  --shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset, 0 14px 28px rgba(29, 39, 51, 0.2);
  --font: "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  --font-display: var(--font);
  --display-weight: 700;
  --display-track: 0;
  --radius: 2px;
  --radius-ctl: 2px;
  --radius-dock: 2px;
  --radius-key: 1px;
  --radius-swatch: 1px;
  --radius-sheet: 4px;
  --thumb-bg: #f6f8fb;
  --thumb: 12px;
  --thumb-r: 1px;
  --track-h: 1px;
  line-height: 1.55;
}

[data-theme="plate"] .panel-head {
  border-bottom: 3px double var(--rule);
}

[data-theme="plate"] .sec {
  border-bottom-style: dotted;
}

[data-theme="plate"] .stage {
  box-shadow: inset 0 0 0 10px var(--surface), inset 0 0 0 11px var(--rule);
}

/* Phosphor: amber CRT, square corners, faint scanlines */
[data-theme="phosphor"] {
  --bg: #0e0802;
  --stage-bg: #0a0601;
  --surface: #160d03;
  --surface-2: #221405;
  --ink: #ffbe5c;
  --ink-2: #c98b2e;
  --rule: #5c3c0d;
  --accent: #ffb13b;
  --on-accent: #1a0e00;
  --dock-bg: rgba(22, 13, 3, 0.95);
  --shadow: 0 0 0 1px #5c3c0d, 0 0 30px rgba(255, 177, 59, 0.14);
  --font: Bahnschrift, "Segoe UI", system-ui, sans-serif;
  --font-display: Bahnschrift, "Segoe UI", system-ui, sans-serif;
  --display-weight: 600;
  --display-track: 0.05em;
  --radius: 0;
  --radius-ctl: 0;
  --radius-dock: 0;
  --radius-key: 0;
  --radius-swatch: 0;
  --radius-sheet: 0;
  --thumb-bg: #ffb13b;
  --thumb: 12px;
  --thumb-r: 0;
  --track-h: 3px;
}

[data-theme="phosphor"] .brand {
  text-shadow: 0 0 10px rgba(255, 177, 59, 0.45);
}

[data-theme="phosphor"] .stage::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: repeating-linear-gradient(0deg, rgba(255, 177, 59, 0.05) 0 1px, transparent 1px 3px);
}

[data-theme="phosphor"] .dock-name {
  text-shadow: 0 0 8px rgba(255, 177, 59, 0.35);
}

/* Glacier: frosted navy glass, rounded, cool light */
[data-theme="glacier"] {
  --bg: #071626;
  --stage-bg: radial-gradient(90% 80% at 60% 30%, #14405f 0%, #071626 75%);
  --surface: rgba(14, 40, 66, 0.78);
  --surface-2: rgba(120, 190, 255, 0.09);
  --ink: #e6f4ff;
  --ink-2: #94bcd9;
  --rule: rgba(150, 205, 255, 0.22);
  --accent: #72d6ff;
  --on-accent: #06203a;
  --dock-bg: rgba(12, 36, 60, 0.66);
  --shadow: 0 20px 50px rgba(0, 8, 20, 0.5);
  --font: Corbel, "Segoe UI", system-ui, sans-serif;
  --font-display: Corbel, "Segoe UI", system-ui, sans-serif;
  --display-weight: 600;
  --display-track: 0.01em;
  --radius: 16px;
  --radius-ctl: 10px;
  --radius-dock: 18px;
  --radius-key: 6px;
  --radius-swatch: 50%;
  --radius-sheet: 22px;
  --glass: 16px;
  --thumb-bg: #e6f4ff;
  --thumb: 16px;
  --thumb-r: 50%;
  --track-h: 4px;
}

[data-theme="glacier"] .panel {
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

[data-theme="glacier"] .sec > summary {
  color: var(--accent);
}

/* Blueprint: pale drafting paper, ruled grid, ink-blue lines */
[data-theme="blueprint"] {
  --bg: #dfe8f5;
  --stage-bg: #f2f7fd;
  --surface: #f6f9fd;
  --surface-2: #ffffff;
  --ink: #15306b;
  --ink-2: #4d6592;
  --rule: #8aa3cf;
  --accent: #2b6cd6;
  --on-accent: #ffffff;
  --dock-bg: rgba(246, 249, 253, 0.96);
  --shadow: 0 0 0 1px #8aa3cf, 6px 6px 0 rgba(43, 108, 214, 0.14);
  --font: "Franklin Gothic Medium", "Franklin Gothic", Arial, sans-serif;
  --font-display: var(--font);
  --display-weight: 400;
  --display-track: 0.03em;
  --radius: 0;
  --radius-ctl: 0;
  --radius-dock: 0;
  --radius-key: 0;
  --radius-swatch: 0;
  --radius-sheet: 0;
  --thumb-bg: #ffffff;
  --thumb: 12px;
  --thumb-r: 0;
  --track-h: 2px;
}

[data-theme="blueprint"] .panel-body {
  background-image:
    linear-gradient(rgba(43, 108, 214, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(43, 108, 214, 0.07) 1px, transparent 1px);
  background-size: 22px 22px;
}

[data-theme="blueprint"] .sec {
  border-bottom-style: dashed;
}

[data-theme="blueprint"] .brand {
  text-transform: none;
}