:root, .dark {
  --dark-background: hsl(210, 25%, 10%);
  --light-text: #fff;
  --disabled-gray: darkgray;
  --header-bg-bottom: hsl(0 0% 12%);
  --header-bg-top: var(--vic-plaster-b);
  /*--toolbar-start: hsl(0 0% 8%);*/
  /*--toolbar-end: hsl(0 0% 12%);*/
  --button-border: hsl(217 56% 25%);
  /* highlight colors for search results */
  --vic-cool-balaclavas-are-forever: hsl(223 49% 25%);
  --vic-manganese-black: hsl(223 49% 35%);
}

body {
  color-scheme: dark;
}

/* menu items have blue background on mouseover */

.mzr-borderradius.mzr-cssgradients .dark .x-menu-item-active, .x-menu-check-item:hover {
  filter: brightness(120%);
  background: linear-gradient(0deg, var(--ext-calcareous-sinter), var(--ext-arctic-rain));
}

.mzr-boxshadow .dark .x-form-text,
.mzr-boxshadow .dark textarea.x-form-field {
  background-color: unset;
}

/* less-bright outline on focused buttons */

.mzr-boxshadow .dark .x-toolbar .x-btn.x-btn-focus {
  box-shadow: inset -1px -1px var(--vic-steam), inset 1px 1px var(--vic-steam);
}

.mzr-boxshadow.mzr-cssgradients .dark .x-toolbar .x-btn.silver-button {
  background: linear-gradient(var(--deg-180), var(--vic-porpoise), var(--vic-palladium));
  /*border: 1px solid var(--vic-twilight-express);*/
  /*box-shadow: inset 1px 1px var(--vic-white), inset -1px -1px var(--vic-zhen-zhu-bai-pearl);*/
}

.mzr-boxshadow.mzr-cssgradients .dark .x-toolbar .x-btn.silver-button.x-btn-over button,
.mzr-boxshadow.mzr-cssgradients .dark .x-toolbar .x-btn.x-btn-over button {
  color: var(--vic-ambassador-blue);
}

.dark {
  .x-tab-strip-active span.x-tab-strip-text {
    color: var(--vic-blue-oblivion);
  }

  .x-progress-text {
    color: var(--ext-incremental-blue);
  }

  .x-progress-text.x-progress-text-back {
    color: var(--ext-blue-regatta);
  }

  .x-item-disabled * {
    /*filter: brightness(110%);*/
  }

  /* applied to bright image controls like collapse-all/expand-all to darken them */
  .darkmode-darken, .keyword {
    filter: brightness(70%);
  }

  /* trees icons from the dark-shifted icon set */

  .x-tree-lines .x-tree-elbow {
    background-image: url(../ext/resources/images/dark/tree/elbow.gif);
  }

  .x-tree-lines .x-tree-elbow-plus {
    background-image: url(../ext/resources/images/dark/tree/elbow-plus.gif);
  }

  .x-tree-lines .x-tree-elbow-minus {
    background-image: url(../ext/resources/images/dark/tree/elbow-minus.gif);
  }

  .x-tree-lines .x-tree-elbow-end {
    background-image: url(../ext/resources/images/dark/tree/elbow-end.gif);
  }

  .x-tree-lines .x-tree-elbow-end-plus {
    background-image: url(../ext/resources/images/dark/tree/elbow-end-plus.gif);
  }

  .x-tree-lines .x-tree-elbow-end-minus {
    background-image: url(../ext/resources/images/dark/tree/elbow-end-minus.gif);
  }

  .x-tree-lines .x-tree-elbow-line {
    background-image: url(../ext/resources/images/dark/tree/elbow-line.gif);
  }

  .x-tree-no-lines .x-tree-elbow-plus {
    background-image: url(../ext/resources/images/dark/tree/elbow-plus-nl.gif);
  }

  .x-tree-no-lines .x-tree-elbow-minus {
    background-image: url(../ext/resources/images/dark/tree/elbow-minus-nl.gif);
  }

  .x-tree-no-lines .x-tree-elbow-end-plus {
    background-image: url(../ext/resources/images/dark/tree/elbow-end-plus-nl.gif);
  }

  .x-tree-no-lines .x-tree-elbow-end-minus {
    background-image: url(../ext/resources/images/dark/tree/elbow-end-minus-nl.gif);
  }

  .x-tree-arrows .x-tree-elbow-plus {
    background-image: url(../ext/resources/images/dark/tree/arrows.gif);
  }

  .x-tree-arrows .x-tree-elbow-minus {
    background-image: url(../ext/resources/images/dark/tree/arrows.gif);
  }

  .x-tree-arrows .x-tree-elbow-end-plus {
    background-image: url(../ext/resources/images/dark/tree/arrows.gif);
  }

  .x-tree-arrows .x-tree-elbow-end-minus {
    background-image: url(../ext/resources/images/dark/tree/arrows.gif);
  }

  .x-grid3-hd-btn {
    background-image: url(../ext/resources/images/dark/grid/grid3-hd-btn.gif);
  }

  td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
    background-image: url(../ext/resources/images/dark/grid/grid3-hrow-over.gif);
  }

  .images-template-slot-text-caption {
    color: var(--vic-black);
  }

  .booklet-group-header, div.t_fixed_header.ui .body tr .booklet-group-header,
  table.brochure-summary tbody tr .booklet-group-header {
    background: linear-gradient(var(--deg-180), var(--vic-husky-c), var(--vic-light-cuddle));
    color: var(--vic-black-out);
  }

  .compare-panel > .x-panel-bwrap .x-panel-tbar input[type=text]:not(.x-item-disabled),
  input[type=text].highlight-text-input:not(.x-item-disabled) {
    filter: brightness(120%);
  }
}

.mzr-cssgradients.mzr-borderradius .dark .x-tab-strip-top .x-tab-with-icon.x-tab-strip-active,
.mzr-cssgradients.mzr-borderradius .dark .x-tab-strip-top .x-tab-without-icon.x-tab-strip-active {
  background: linear-gradient(var(--deg-180), var(--vic-cold-morning), var(--vic-plaster-b));
}

.mzr-boxshadow.mzr-cssgradients .dark .x-toolbar .x-btn {
  border: 1px solid var(--button-border);
}

.mzr-boxshadow.mzr-cssgradients .dark .x-toolbar .x-btn.x-btn-over {
  box-shadow: inset -1px -1px var(--vic-sky-dancer), inset 1px 1px var(--vic-sky-dancer)
}

.dark .ag-landscape-grid .gwt-ag-grid .ag-theme-balham .ag-row-group:not(:first-child) {
  border-top-color: var(--vic-argent);
}

.mzr-boxshadow.mzr-cssgradients .dark .x-toolbar .x-btn.silver-button.x-btn-over {
  border-color: var(--vic-sky-dancer);
}