/* ── dimmed app shell overrides ─────────────────────────────────────────────── */

:root.dimmed body {
  background: #1c2128;
}

:root.dimmed .app-title {
  color: #adbac7;
}

:root.dimmed .app-subtitle {
  color: #636e7b;
}

:root.dimmed .app-highlight {
  color: #539bf5;
}

:root.dimmed .app-control {
  background: #2d333b;
  border-color: #444c56;
}

:root.dimmed .app-control-label {
  color: #adbac7;
}

:root.dimmed .app-control-select {
  background-color: #22272e;
  border-color: #444c56;
  color: #adbac7;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23adbac7'/%3E%3C/svg%3E");
}

:root.dimmed .app-control-select:hover {
  border-color: #636e7b;
}

:root.dimmed .app-control-select:focus {
  border-color: #539bf5;
  box-shadow: 0 0 0 3px rgba(83, 155, 245, 0.15);
}

:root.dimmed .app-validation-error {
  background: #2d1515;
  border-color: #7f1d1d;
  color: #fca5a5;
}

:root.dimmed .app-grid-wrapper {
  background: #22272e;
  border-color: #444c56;
  box-shadow:
    0 1px 4px rgba(0, 0, 0, 0.35),
    0 4px 16px rgba(0, 0, 0, 0.25);
}