/* Nuclear Toaster Labs product theme for Paperless-ngx 3.x. */
:root {
  --ntl-carbon: #17191c;
  --ntl-warm-bone: #f4f1ea;
  --ntl-reactor-coral: #ff5a3c;
  --ntl-lab-stone: #aaa7a0;
}

/* Carbon carries the main navigation and controls in light mode. */
body.primary-dark {
  --pngx-primary: 216, 9.8039% !important;
  --pngx-primary-lightness: 10% !important;
  --pngx-primary-text-contrast: var(--ntl-warm-bone) !important;
  --bs-primary: var(--ntl-carbon);
  --bs-primary-rgb: 23, 25, 28;
}

[data-bs-theme="light"] body {
  --bs-body-bg: var(--ntl-warm-bone);
  --bs-body-bg-rgb: 244, 241, 234;
  --bs-body-color: var(--ntl-carbon);
}

@media (prefers-color-scheme: light) {
  [data-bs-theme="auto"] body {
    --bs-body-bg: var(--ntl-warm-bone);
    --bs-body-bg-rgb: 244, 241, 234;
    --bs-body-color: var(--ntl-carbon);
  }
}

/* In dark mode Coral becomes a restrained interactive signal. */
[data-bs-theme="dark"] body.primary-dark {
  --pngx-primary: 9, 100% !important;
  --pngx-primary-lightness: 62% !important;
  --pngx-primary-text-contrast: var(--ntl-carbon) !important;
  --bs-primary: var(--ntl-reactor-coral);
  --bs-primary-rgb: 255, 90, 60;
  --bs-body-bg: var(--ntl-carbon);
  --bs-body-bg-rgb: 23, 25, 28;
  --bs-body-color: var(--ntl-warm-bone);
  --pngx-body-color-accent: var(--ntl-lab-stone);
}

@media (prefers-color-scheme: dark) {
  [data-bs-theme="auto"] body.primary-dark {
    --pngx-primary: 9, 100% !important;
    --pngx-primary-lightness: 62% !important;
    --pngx-primary-text-contrast: var(--ntl-carbon) !important;
    --bs-primary: var(--ntl-reactor-coral);
    --bs-primary-rgb: 255, 90, 60;
    --bs-body-bg: var(--ntl-carbon);
    --bs-body-bg-rgb: 23, 25, 28;
    --bs-body-color: var(--ntl-warm-bone);
    --pngx-body-color-accent: var(--ntl-lab-stone);
  }
}

/* The application bar remains Carbon in both modes. */
body .navbar.bg-primary {
  background-color: var(--ntl-carbon) !important;
  color: var(--ntl-warm-bone) !important;
}

body .navbar.bg-primary .brand-title,
body .navbar.bg-primary .byline {
  color: var(--ntl-warm-bone) !important;
}