/* Dynamic Tenant Branding (rendered by Django) */
:root {
    --background-color: #F8FAFC;
    --primary-color: #131F2C;
    --secondary-color: #F8FAFC;
    --hero-background-color: #F8FAFC;
    --navbar-bg-color: #131F2C;
    --navbar-font-color: #F8FAFC;
    --footer-bg-color: #131F2C;
    --footer-font-color: #F8FAFC;
    --collapsible-button-color: #A8E63D;
    --header-font-color: #131F2C;
    --body-font-color: #243447;
}

body {
    background-color: var(--background-color);
    color: var(--body-font-color);
}

.navbar {
    background-color: var(--navbar-bg-color);
}

.navbar .nav-link,
.navbar .navbar-brand {
    color: var(--navbar-font-color) !important;
}

.navbar .nav-link:hover {
    opacity: 0.85;
}

.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff !important;
}

.btn-primary:hover {
    filter: brightness(0.92);
    color: #fff !important;
}

/* Sidebar uses tenant colors (overrides Bootstrap bg-dark) */
.tenant-sidebar {
  background: var(--navbar-bg-color, #0d6efd) !important;
}

.tenant-sidebar .nav-link,
.tenant-sidebar .text-white {
  color: var(--navbar-font-color, #ffffff) !important;
}

.tenant-sidebar .nav-link:hover {
  opacity: 0.85;
}

.tenant-footer {
  background: var(--footer-bg-color, #111111);
  color: var(--footer-font-color, #ffffff);
}