/* Anmeldeseite von Paperless im Erscheinungsbild des Heimservers.
   Ersetzt Paperless' eigene static/base.css: Caddy liefert diese Datei unter
   /static/base.css aus (sites/oeffentlich.caddy), pre-up.sh setzt die Farben ein.
   Grundlage: base.css aus Paperless-ngx 3.3 – nach Paperless-Updates vergleichen:
     docker exec paperless cat /usr/src/paperless/static/base.css */
body {
  --bs-body-bg: #f5f5f5;
  --bs-link-color-rgb: 43, 89, 195;
  --bs-link-hover-color-rgb: 43, 89, 195;
  --pngx-primary: #2b59c3;
  --pngx-primary-hover: #2349a0;
  --pngx-primary-active: #2349a0;
}

.logo {
  height: auto;
}

/* Logo mit dunkler Schrift auf hellem Grund (im Dunkelmodus unten die helle Fassung) */
img.logo {
  content: url("/logo/heimserver-logo-auf-hell.png");
}

.byline {
  font-size: 0.6rem;
  letter-spacing: 0.1rem;
}

.text-primary {
  color: var(--pngx-primary) !important;
}

.form-control {
  --bs-body-bg: #fff;
}

.btn.btn-primary {
  --bs-btn-bg: var(--pngx-primary);
  --bs-btn-border-color: var(--pngx-primary);
  --bs-btn-hover-bg: var(--pngx-primary-hover);
  --bs-btn-hover-border-color: var(--pngx-primary-hover);
  --bs-btn-active-bg: var(--pngx-primary-active);
  --bs-btn-active-border-color: var(--pngx-primary-active);
  --bs-btn-color: #ffffff;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-active-color: #ffffff;
}

.btn-link {
  --bs-btn-color: var(--pngx-primary);
  --bs-btn-hover-color: var(--pngx-primary-hover);
  --bs-btn-active-color: var(--pngx-primary-active);
}

.form-accounts {
  max-width: 330px;
  min-width: 300px;
}

.form-stacked-top input {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-stacked-middle input {
  margin-bottom: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-stacked-bottom input {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.form-accounts .form-floating input:focus {
  position: relative;
  z-index: 100;
}

.form-accounts .form-floating input:focus~label {
  z-index: 101;
}

@media (prefers-color-scheme: dark) {
  /* From theme_dark.scss */
  body {
    --bs-body-bg: #161618;
    --bs-body-color: #abb2bf;
    --bs-body-color-rgb: 171, 178, 191;
    --bs-border-color: #47494f;
    --bs-link-color-rgb: 96, 131, 210;
    --bs-link-hover-color-rgb: 96, 131, 210;
    --pngx-primary: #6083d2;
    --pngx-primary-hover: #2b59c3;
    --pngx-primary-active: #2b59c3;
  }

  .form-control, .form-floating {
    --bs-body-bg: #1c1c1f;
  }

  img.logo {
    content: url("/logo/heimserver-logo.png");
  }

  svg.logo .text {
    fill: #abb2bf !important;
  }

  .byline {
    color: #abb2bf;
  }
}