:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"] {
  color-scheme: dark;
  color: #eaf0f8;
  background: #0c1017;
  --line: #2a3647;
  --muted: #a5b0c1;
  --blue: #79a8ff;
  --blue-soft: #183158;
  --surface: #151c27;
  --shadow: 0 16px 44px rgba(0, 0, 0, .2);
}
[data-theme="dark"] .brand,
[data-theme="dark"] .login-brand { color: #f2f6fd; }
[data-theme="dark"] .brand-mark { border-color: #b5caff; }
[data-theme="dark"] .icon-button { color: #d5deec; }
[data-theme="dark"] .icon-button:hover,
[data-theme="dark"] .action-button:hover { background: #26354b; }
[data-theme="dark"] .menu { background: #1b2533; }
[data-theme="dark"] .menu button { color: #eaf0f8; }
[data-theme="dark"] .menu button:hover { background: #2b3a50; }
[data-theme="dark"] .composer,
[data-theme="dark"] .gallery,
[data-theme="dark"] .login-card { border-color: #273447; }
[data-theme="dark"] .mode-tabs { background: #1b2533; border-color: #304158; }
[data-theme="dark"] .mode-tab { color: #c4d0df; }
[data-theme="dark"] .mode-tab.selected,
[data-theme="dark"] .generate-button { background: #6d9cf2; color: #0a1628; }
[data-theme="dark"] .generate-button:hover:not(:disabled) { background: #8db4ff; }
[data-theme="dark"] .composer textarea,
[data-theme="dark"] .seed-row input,
[data-theme="dark"] .login-card input {
  background: #0f1620;
  border-color: #344359;
  color: #eaf0f8;
}
[data-theme="dark"] .composer textarea:focus,
[data-theme="dark"] .seed-row input:focus,
[data-theme="dark"] .login-card input:focus { box-shadow: 0 0 0 3px rgba(121,168,255,.17); }
[data-theme="dark"] textarea::placeholder,
[data-theme="dark"] input::placeholder { color: #8291a6; }
[data-theme="dark"] .dropzone { background: #131f2e; border-color: #466184; color: #d9e5f5; }
[data-theme="dark"] .dropzone.dragging,
[data-theme="dark"] .dropzone:focus { background: #193458; }
[data-theme="dark"] .upload-item { background: #1c2939; }
[data-theme="dark"] .upload-item button { color: #ffaaa9; }
[data-theme="dark"] .negative-details summary,
[data-theme="dark"] .advanced-details summary { color: #d2dce9; }
[data-theme="dark"] .ratio-option,
[data-theme="dark"] .quality-option { background: #182331; color: #d7e2ef; }
[data-theme="dark"] .ratio-option.selected,
[data-theme="dark"] .quality-option.selected {
  background: #193258;
  border-color: #79a8ff;
  color: #b0ccff;
  box-shadow: inset 0 0 0 1px rgba(121,168,255,.15);
}
[data-theme="dark"] .secondary-button { background: #202e40; color: #e1e9f5; }
[data-theme="dark"] .job-card { background: #172946; border-color: #3d6295; }
[data-theme="dark"] .job-card p { color: #bdcbe0; }
[data-theme="dark"] .progress-track { background: #2c4160; }
[data-theme="dark"] .cancel-button,
[data-theme="dark"] .action-button.danger { color: #ffa3a3; }
[data-theme="dark"] .preview-frame { background: #0b111a; }
[data-theme="dark"] .empty-state { color: #8e9caf; }
[data-theme="dark"] .empty-state strong { color: #c2cddd; }
[data-theme="dark"] .preview-meta p { color: #e1e9f5; }
[data-theme="dark"] .action-button { background: #1a2636; color: #dbe5f3; }
[data-theme="dark"] .recent-item { background: #1e2b3b; }
[data-theme="dark"] .toast { background: #26374f; color: #f4f7fc; border: 1px solid #435773; }
[data-theme="dark"] .login-screen { background: #0c1017; }
[data-theme="dark"] .login-card { background: var(--surface); }
[data-theme="dark"] .recent-strip { scrollbar-color: #465977 transparent; }