/*
 * Excubitor: stili dell'applicazione, sopra bootstrap.min.css ed excubitor-brand.css.
 * Nessun colore fisso (esadecimale o rgb): solo variabili --bs-* ed --exc-*, cosi' ogni componente segue
 * il tema chiaro/scuro. Un colore nuovo si dichiara come variabile nel brand, con il suo valore per tema.
 */

:root {
  /* Testo sui badge di stato: bianco nel chiaro; nello scuro i colori di stato sono schiariti,
     quindi il testo prende il fondo della pagina. */
  --exc-testo-su-stato: var(--bs-white);
}
[data-bs-theme="dark"] {
  --exc-testo-su-stato: var(--bs-body-bg);
}

body.exc-pagina {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
body.exc-pagina > main { flex: 1 0 auto; }

/* Il fuoco di tastiera resta visibile in entrambi i temi (anche sulla barra, che e' sempre notte). */
:focus-visible {
  outline: 2px solid var(--bs-primary);
  outline-offset: 2px;
}

.navbar-excubitor .exc-tenant { color: var(--bs-body-color); opacity: .85; }

/* Simbolo nelle pagine di accesso: chiaro o scuro secondo il tema, senza JavaScript. */
.exc-mark-scuro { display: none; }
[data-bs-theme="dark"] .exc-mark-chiaro { display: none; }
[data-bs-theme="dark"] .exc-mark-scuro { display: inline-block; }

/* Badge di stato: la parola resta leggibile su entrambi i temi. */
.badge.text-bg-danger,
.badge.text-bg-success {
  color: var(--exc-testo-su-stato) !important;
}
.badge.text-bg-success {
  background-color: var(--exc-presidiato-fondo) !important;
}

.exc-footer { border-top: var(--bs-border-width) solid var(--bs-border-color); }

.breadcrumb { --bs-breadcrumb-divider-color: var(--bs-secondary-color); }

/* Moduli dell'area piattaforma: larghezza contenuta. */
.exc-form-stretto { max-width: 48rem; }