/* Shared interface palette. Images and generated artwork keep their own colors. */
:root {
  color-scheme:light;
  --font:Arial,Helvetica,sans-serif;
  --bg:#f6f6f6; --surface:#fff; --surface-soft:#f1f1f1; --surface-hover:#ededed;
  --sidebar-bg:#f0f0f0; --line:#dedede; --line-soft:#ebebeb;
  --text:#242424; --secondary:#525252; --muted:#6b6b6b;
  --accent:#292929; --accent-hover:#111; --accent-ink:#fff; --accent-soft:#e6e6e6;
  --focus:#747474; --hero:#ededed; --hero-line:#dadada;
  --warning-bg:#f2f2f2; --warning:#756044; --danger-bg:#f8eeee; --danger:#a14444;
  --info-bg:#efefef; --info:#535353; --success-bg:#ededed; --success:#505050;
  --image-stage:#eaeaea; --shadow:0 2px 7px #00000008; --dialog-shadow:0 28px 90px #00000026;
}
:root[data-theme="dark"] {
  color-scheme:dark;
  --bg:#151515; --surface:#1e1e1e; --surface-soft:#262626; --surface-hover:#303030;
  --sidebar-bg:#191919; --line:#393939; --line-soft:#303030;
  --text:#ededed; --secondary:#c5c5c5; --muted:#a3a3a3;
  --accent:#e5e5e5; --accent-hover:#fff; --accent-ink:#202020; --accent-soft:#303030;
  --focus:#aaa; --hero:#242424; --hero-line:#3b3b3b;
  --warning-bg:#2c2c2c; --warning:#d2bd9c; --danger-bg:#352828; --danger:#e1a4a4;
  --info-bg:#292929; --info:#c4c4c4; --success-bg:#292929; --success:#c9c9c9;
  --image-stage:#252525; --shadow:0 2px 8px #00000018; --dialog-shadow:0 28px 90px #00000080;
}
.theme-toggle { display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; padding:9px 11px; border:1px solid var(--line); border-radius:7px; background:var(--surface); color:var(--secondary); font:12px var(--font); white-space:nowrap; cursor:pointer; }
.theme-toggle:hover { background:var(--surface-hover); }
.theme-toggle svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.theme-toggle .theme-dark,.theme-toggle .theme-light { align-items:center; gap:7px; }
.theme-toggle .theme-dark { display:inline-flex; }
.theme-toggle .theme-light { display:none; }
[data-theme="dark"] .theme-toggle .theme-dark { display:none; }
[data-theme="dark"] .theme-toggle .theme-light { display:inline-flex; }
@media(max-width:1150px) { .theme-toggle .theme-label { display:none; } }