/* Owner-approved dark palettes. Light colors and stage colors retain their existing tokens. */
html:is([data-dark-pal="graphite"],:not([data-dark-pal])):not([data-theme="light"]):not([data-dz-off]):not(#darkPalette):not(#darkSurface):not(#darkReadable){
  --bg:#25282e;--bg-deep:#25282e;--panel:#32363e;--panel2:#3d424c;--panel3:#3d424c;--sunken:#25282e;
  --ink:#f4f5f7;--muted:#c0c6d0;--gold-dim:#c0c6d0;--line:#5d6471;--inset-line:#5d6471;
  --gold:#b4c5eb;--gold-fill:#b4c5eb;--gold-fill-h:color-mix(in srgb,#b4c5eb 88%,white);--on-gold:#25282e;--ink-gold:#b4c5eb;
  --soft-gold:color-mix(in srgb,#b4c5eb 16%,#32363e);--soft-gold-2:color-mix(in srgb,#b4c5eb 8%,#32363e);
  --hover:#3d424c;--hover-2:color-mix(in srgb,#3d424c 50%,#32363e);--sel-bg:color-mix(in srgb,#b4c5eb 22%,transparent);
  --gold-fill-90:color-mix(in srgb,#b4c5eb 92%,transparent);--grad-gold:linear-gradient(135deg,#b4c5eb,color-mix(in srgb,#b4c5eb 80%,#32363e));
  --grad-photo:linear-gradient(135deg,#3d424c,#32363e);--v2-b3:#5d6471;--v2-b4:color-mix(in srgb,#5d6471 75%,#f4f5f7);
}
html[data-dark-pal="twilight"]:not([data-theme="light"]):not([data-dz-off]):not(#darkPalette):not(#darkSurface):not(#darkReadable){
  --bg:#2b3b50;--bg-deep:#2b3b50;--panel:#3a4d65;--panel2:#455c76;--panel3:#455c76;--sunken:#2b3b50;
  --ink:#f6f8fc;--muted:#ced9e7;--gold-dim:#ced9e7;--line:#6c829c;--inset-line:#6c829c;
  --gold:#aed2ff;--gold-fill:#aed2ff;--gold-fill-h:color-mix(in srgb,#aed2ff 88%,white);--on-gold:#2b3b50;--ink-gold:#aed2ff;
  --soft-gold:color-mix(in srgb,#aed2ff 16%,#3a4d65);--soft-gold-2:color-mix(in srgb,#aed2ff 8%,#3a4d65);
  --hover:#455c76;--hover-2:color-mix(in srgb,#455c76 50%,#3a4d65);--sel-bg:color-mix(in srgb,#aed2ff 22%,transparent);
  --gold-fill-90:color-mix(in srgb,#aed2ff 92%,transparent);--grad-gold:linear-gradient(135deg,#aed2ff,color-mix(in srgb,#aed2ff 80%,#3a4d65));
  --grad-photo:linear-gradient(135deg,#455c76,#3a4d65);--v2-b3:#6c829c;--v2-b4:color-mix(in srgb,#6c829c 75%,#f6f8fc);
}
html[data-dark-pal="north"]:not([data-theme="light"]):not([data-dz-off]):not(#darkPalette):not(#darkSurface):not(#darkReadable){
  --bg:#182538;--bg-deep:#182538;--panel:#24354c;--panel2:#30435b;--panel3:#30435b;--sunken:#182538;
  --ink:#f1f5fb;--muted:#b7c6d9;--gold-dim:#b7c6d9;--line:#4b607b;--inset-line:#4b607b;
  --gold:#96c1ff;--gold-fill:#96c1ff;--gold-fill-h:color-mix(in srgb,#96c1ff 88%,white);--on-gold:#182538;--ink-gold:#96c1ff;
  --soft-gold:color-mix(in srgb,#96c1ff 16%,#24354c);--soft-gold-2:color-mix(in srgb,#96c1ff 8%,#24354c);
  --hover:#30435b;--hover-2:color-mix(in srgb,#30435b 50%,#24354c);--sel-bg:color-mix(in srgb,#96c1ff 22%,transparent);
  --gold-fill-90:color-mix(in srgb,#96c1ff 92%,transparent);--grad-gold:linear-gradient(135deg,#96c1ff,color-mix(in srgb,#96c1ff 80%,#24354c));
  --grad-photo:linear-gradient(135deg,#30435b,#24354c);--v2-b3:#4b607b;--v2-b4:color-mix(in srgb,#4b607b 75%,#f1f5fb);
}
.dz-dark-palette{display:flex;flex-direction:column;gap:8px;margin:18px 0;color:var(--ink);font:inherit}
.dz-dark-palette b{font-size:14px;font-weight:600}.dz-dark-palette small{font-size:12px;line-height:1.5;color:var(--muted)}
.dz-dark-palette select{width:100%;min-height:44px;padding:10px 12px;background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-sm);font:inherit}
.dz-dark-palette select:focus-visible{outline:2px solid var(--gold-fill);outline-offset:2px}
/* The settings drawer reuses dzLook below its own theme controls. Avoid a duplicate selector there. */
.dz5c-set #dzLook > .dz-dark-palette{display:none}