/* Kumori branding for File Browser */
:root {
  --kumori-brand: #5FC5FC;
  --kumori-brand-hover: #45b8f5;
  --kumori-brand-strong: #1c9fe3;
  --kumori-brand-ink: #0a3550;

  --blue: var(--kumori-brand);
  --dark-blue: var(--kumori-brand-strong);
  --icon-blue: var(--kumori-brand);
  --iconSecondary: var(--kumori-brand-ink);
}

:root.dark {
  --blue: var(--kumori-brand);
  --dark-blue: var(--kumori-brand-strong);
  --icon-blue: var(--kumori-brand);
  --iconSecondary: var(--kumori-brand-ink);
}

.button:not(.button--red):not(.button--flat),
.button.button--blue:not(.button--flat) {
  background: var(--kumori-brand) !important;
  color: var(--kumori-brand-ink) !important;
}

.button:not(.button--red):not(.button--flat):hover,
.button.button--blue:not(.button--flat):hover {
  background: var(--kumori-brand-hover) !important;
}

.button--flat:not(.button--red),
.link,
#login p,
.shell__prompt i,
.dashboard #nav ul li.active,
.card#share ul li a,
.epub-reader .tocAreaButton.active,
.csv-info i {
  color: var(--kumori-brand-strong) !important;
}

#loading .spinner > div,
.vue-simple-progress-bar {
  background: var(--kumori-brand) !important;
}

#search .boxes > div > div {
  color: var(--kumori-brand-ink) !important;
}

.epub-reader .tocAreaButton.active {
  border-color: var(--kumori-brand-strong) !important;
}

#listing .item[aria-selected="true"],
.file-list li[aria-selected="true"],
#listing #multiple-selection,
.action .counter {
  background: var(--kumori-brand) !important;
}

.file-list li[aria-selected="true"],
.file-list li[aria-selected="true"]::before,
.file-icons [aria-selected="true"] i,
#listing #multiple-selection p,
#listing #multiple-selection i,
#listing .item[aria-selected="true"],
#listing .item[aria-selected="true"] * {
  color: var(--kumori-brand-ink) !important;
}

::selection {
  background: rgba(95, 197, 252, 0.35);
}

:focus-visible {
  outline: 2px solid var(--kumori-brand);
  outline-offset: 2px;
}