/* con-tatto platform — tenant visual identity overrides */

:root {
  --app-primary:          #810b11;
  --app-primary-dark:     #5e0809;
  --app-primary-light:    #f5c6cb;
  --app-secondary:        #212121;
  --app-secondary-light:  #e8e8e8;
  --app-card-header-bg:   #d0d2d4;
}

/* ── Per-tenant color overrides ───────────────────────────── */
body.tenant-demo {
  --app-primary:          #006633;
  --app-primary-dark:     #004d26;
  --app-primary-light:    #c8e6c9;
}

/* ── Navbar ───────────────────────────────────────────────── */
.app-nav {
  background-color: var(--app-primary) !important;
}

.app-nav .nav-link,
.app-nav .navbar-brand,
.app-nav .dropdown-toggle {
  color: #ffffff !important;
  opacity: 1 !important;
}

.app-nav .nav-link:hover,
.app-nav .nav-link:focus {
  color: #ffffff !important;
  opacity: 0.85 !important;
}

/* ── Primary buttons ──────────────────────────────────────── */
.btn-primary {
  --bs-btn-bg:                var(--app-primary);
  --bs-btn-border-color:      var(--app-primary);
  --bs-btn-hover-bg:          var(--app-primary-dark);
  --bs-btn-hover-border-color:var(--app-primary-dark);
  --bs-btn-active-bg:         var(--app-primary-dark);
  --bs-btn-active-border-color:var(--app-primary-dark);
  --bs-btn-disabled-bg:       var(--app-primary);
  --bs-btn-disabled-border-color:var(--app-primary);
}

.btn-outline-primary {
  --bs-btn-color:              var(--app-primary);
  --bs-btn-border-color:       var(--app-primary);
  --bs-btn-hover-bg:           var(--app-primary);
  --bs-btn-hover-border-color: var(--app-primary);
  --bs-btn-active-bg:          var(--app-primary);
}

/* ── Success buttons → grey ───────────────────────────────── */
.btn-success {
  --bs-btn-bg:                 var(--app-secondary);
  --bs-btn-border-color:       var(--app-secondary);
  --bs-btn-hover-bg:           #484c4f;
  --bs-btn-hover-border-color: #484c4f;
  --bs-btn-active-bg:          #484c4f;
}

/* ── Table headers ────────────────────────────────────────── */
.table-dark {
  --bs-table-bg: var(--app-primary);
}

/* ── Notes sidebar accent ────────────────────────────────── */
.note-entry {
  border-left-color: var(--app-primary) !important;
}

/* ── Card headers ────────────────────────────────────────── */
.card-header {
  background-color: var(--app-card-header-bg) !important;
}

/* ── Accordion buttons — match card-header style ─────────────── */
.accordion-button {
  background-color: var(--app-card-header-bg);
  color: inherit;
}
.accordion-button:not(.collapsed) {
  background-color: var(--app-card-header-bg);
  color: inherit;
  box-shadow: none;
}
.accordion-button:focus {
  box-shadow: none;
  border-color: rgba(0, 0, 0, .125);
}
.accordion-button::after {
  filter: none;
}

/* ── Logo placeholder in navbar ──────────────────────────── */
/* Drop logo.png into static/ to activate; see §17 */
.app-logo {
  height: 32px;
  width: auto;
  margin-right: 0.5rem;
}