/* Cloudjet Finance theme: charcoal, white and yellow over the inherited red Bootstrap build.
   Loaded after custom.css. Semantic error colours (form errors, alerts) are left red on purpose. */
:root {
  --primary-rgb: 23, 25, 24;
  --primary-color: #171918;
  --secondary-color: #4d4f51;
  --bs-primary: #171918;
  --bs-primary-rgb: 23, 25, 24;
  --cj-yellow: #f3d744;
  --cj-charcoal: #171918;
  --cj-paper: #f2f3ee;
}
.bg-primary, .footer.bg-primary, .modal-header.bg-primary, .modal-header { background-color: var(--cj-charcoal) !important; color: #fff; }
.modal-header .btn-close { filter: invert(1); }
.text-primary { color: var(--cj-charcoal) !important; }
.border-primary { border-color: var(--cj-yellow) !important; }
.app-header.border-primary { border-bottom-color: var(--cj-yellow) !important; }
.btn-primary, .btn-danger:not(.btn-outline-danger), .generate-btn, .scrollToTop {
  background-color: var(--cj-yellow) !important; border-color: var(--cj-yellow) !important; color: var(--cj-charcoal) !important;
}
.btn-primary:hover, .btn-danger:hover, .generate-btn:hover { background-color: #e6c92c !important; border-color: #e6c92c !important; color: var(--cj-charcoal) !important; }
.btn-outline-danger { color: var(--cj-charcoal); border-color: var(--cj-charcoal); }
.btn-outline-danger:hover { background-color: var(--cj-charcoal); color: #fff; }
.section-heading, .metric-value, .card-title { color: var(--cj-charcoal) !important; }
.table thead, .table thead th, thead { background-color: var(--cj-paper) !important; color: var(--cj-charcoal) !important; border-bottom: 2px solid var(--cj-yellow); }
.table-primary, .table-danger { --bs-table-bg: var(--cj-paper); }
.card.financial-metric-card { border-top-color: var(--cj-yellow) !important; }
.badge.bg-danger { background-color: var(--cj-charcoal) !important; }
.nav-pills .nav-link.active, .page-item.active .page-link { background-color: var(--cj-charcoal) !important; border-color: var(--cj-charcoal) !important; color: #fff !important; }
a { color: var(--cj-charcoal); }
.side-menu__item.active, .slide.active > .side-menu__item { color: var(--cj-yellow) !important; }
.app-sidebar, .main-sidebar, .main-sidebar-header { background-color: var(--cj-charcoal) !important; }
/* Table heads that were styled white-on-red: keep them readable as white-on-charcoal. */
.table thead.text-white, .table thead tr.text-white, .table thead th.text-white, thead.bg-danger, thead.bg-primary, .table thead.bg-danger th, .table thead.bg-primary th {
  background-color: var(--cj-charcoal) !important; color: #fff !important;
}
.btn.bg-danger, .bg-danger:not(.badge):not(.alert), .btn-group .btn-danger.active, .btn-check:checked + .btn-danger { background-color: var(--cj-yellow) !important; border-color: var(--cj-yellow) !important; color: var(--cj-charcoal) !important; }
.main-sidebar-header .header-logo img { max-height: 40px; }