/* Alloy's dark theme uses charcoal for the application frame, including navigation. */
:root[data-kc-theme="dark"] header {
  background: #2b2b2b;
  border-color: #2b2b2b;
  color: #e1e1e1;
}

:root[data-kc-theme="dark"] body > aside.hover-rail {
  background: #2b2b2b;
  color: #e1e1e1;
  box-shadow: none;
}

:root[data-kc-theme="dark"] .hover-rail button {
  color: #d1d1d1;
}

:root[data-kc-theme="dark"] .hover-rail .rail-all,
:root[data-kc-theme="dark"] .hover-rail .rail-favorites.selected {
  background: #191919;
  color: #f0f0f0;
}

:root[data-kc-theme="dark"] .hover-rail .rail-all .rail-icon,
:root[data-kc-theme="dark"] .hover-rail .rail-link .rail-icon {
  color: #c9c9c9;
}

:root[data-kc-theme="dark"] .hover-rail .rail-link {
  color: #e0e0e0;
}

:root[data-kc-theme="dark"] .hover-rail nav .rail-link.active,
:root[data-kc-theme="dark"] .hover-rail nav .rail-link:hover {
  background: #3b3b3b;
  color: #75c9f5;
}

:root[data-kc-theme="dark"] .hover-rail .rail-submenu {
  background: #303030;
  color: #e0e0e0;
  box-shadow: 5px 4px 15px rgba(0, 0, 0, .4);
}

:root[data-kc-theme="dark"] .hover-rail .rail-submenu a:hover {
  background: #414141;
}

:root[data-kc-theme="dark"] .hover-rail .rail-search {
  border-color: #505050;
}

:root[data-kc-theme="dark"] .hover-rail .rail-search .rail-icon {
  color: #c8c8c8;
}

:root[data-kc-theme="dark"] .hover-rail .rail-search input {
  color: #e4e4e4;
}

:root[data-kc-theme="dark"] .hover-rail .rail-search input::placeholder {
  color: #9b9b9b;
}

/* Fixed dark text colors in the light theme made preview section headings vanish. */
:root[data-kc-theme="dark"] .record-preview .preview-heading h2,
:root[data-kc-theme="dark"] .record-preview .preview-columns h2 {
  color: #e7e8ea;
}

:root[data-kc-theme="dark"] .record-preview .preview-field > span {
  color: #83bce5;
}