/* bilaro corporate theme for Paperless-ngx — injected at the edge via NPM sub_filter.
   Aubergine #3E2C6E = primary (carries the brand) · Orange #F0811C = accent.
   Source palette: Externe Projekte/bilaro/CI.md

   NOTE: Paperless serves two surfaces that use the SAME var name with DIFFERENT
   conventions, so the override is split by the <html data-bs-theme> discriminator:
   - Login (Django/allauth, base.css): --pngx-primary is a FULL color.  <html lang=…> (no data-bs-theme)
   - App   (Angular, styles.css):      --pngx-primary is an "H, S" pair. <html data-bs-theme=…> */

/* ---- LOGIN PAGE: --pngx-primary as a full color drives .btn.btn-primary, .text-primary, .btn-link ---- */
html:not([data-bs-theme]) body {
  --pngx-primary: #3E2C6E !important;
  --bs-primary: #3E2C6E !important;
  --bs-primary-rgb: 62, 44, 110 !important;
}

/* ---- ANGULAR APP: --pngx-primary as "H, S"; recomputes every derived shade ---- */
html[data-bs-theme] body,
html[data-bs-theme] body:not(.primary-light):not(.primary-dark) {
  --pngx-primary: 256, 43% !important;
  --pngx-primary-lightness: 30% !important;
}
/* the top navbar hardcodes the default green on its own element */
html[data-bs-theme] .navbar.bg-primary {
  --pngx-primary: 256, 43% !important;
  --pngx-primary-lightness: 30% !important;
}

/* ---- shared accent (both surfaces): Orange highlights ---- */
:root { --bs-link-hover-color: #F0811C !important; --bs-link-hover-color-rgb: 240, 129, 28 !important; }
a:hover { color: #F0811C !important; }
.form-control:focus, .form-select:focus, .form-check-input:focus, .btn:focus, .btn:focus-visible {
  border-color: #6E51B8 !important;
  box-shadow: 0 0 0 .25rem rgba(240, 129, 28, .30) !important;
}
.form-check-input:checked { background-color: #3E2C6E !important; border-color: #3E2C6E !important; }
