:root { color-scheme: light; }
#workspace-settings { width: min(530px, 100% - 24px); max-height: min(85vh, 650px); }
.settings-shortcuts { border-top: 1px solid var(--line); margin-top: 19px; padding-top: 16px; }
.settings-shortcuts .actions { margin-top: 10px; }
#open-settings > span { font-size: 1rem; margin-inline-end: 3px; }

:root[data-theme="navy"] {
  --ink: #172a3e;
  --quiet: #465f76;
  --green: #225582;
  --green-dark: #172e48;
  --soft: #e8f1f9;
  --line: #cfdde9;
  --white: #fcfdff;
  background: #f1f5fa;
  color: var(--ink);
}
[data-theme="navy"] .primary:hover { background: #164167; }
[data-theme="navy"] .secondary, [data-theme="navy"] .tile, [data-theme="navy"] .sections button[aria-current="page"] {
  background: var(--soft); border-color: var(--line); color: var(--ink);
}
[data-theme="navy"] .brand-mark { background: #d5e8fb; color: #213d58; }

:root[data-theme="dark"] {
  color-scheme: dark;
  --ink: #e4eef1;
  --quiet: #a5b9bf;
  --green: #81d7bd;
  --green-dark: #121e24;
  --soft: #203840;
  --line: #35505a;
  --white: #17272f;
  background: #101b21;
  color: var(--ink);
}
[data-theme="dark"] input:not([type="checkbox"]), [data-theme="dark"] select {
  background: #101f26; border-color: #53717a; color: var(--ink);
}
[data-theme="dark"] .primary { background: #8addc3; color: #103328; }
[data-theme="dark"] .primary:hover { background: #b3eddb; }
[data-theme="dark"] .secondary, [data-theme="dark"] .tile, [data-theme="dark"] .sections button[aria-current="page"] {
  background: var(--soft); border-color: var(--line); color: var(--ink);
}
[data-theme="dark"] .secondary:hover { background: #2c4650; }
[data-theme="dark"] .part { border-color: var(--line); }
[data-theme="dark"] .message, [data-theme="dark"] .pill { background: var(--soft); color: #a8e8d1; }
[data-theme="dark"] .message.error, [data-theme="dark"] .pill.paused { background: #492f33; color: #ffc8c0; }
[data-theme="dark"] .pill.open { background: #453b27; color: #f5dcaa; }