/**
 * Per-tenant school colors (System Setup → School appearance).
 * Variables are set on :root from base.html when brand_use_defaults is false.
 */

body.tenant-branded {
    --primary-gradient: linear-gradient(
        135deg,
        var(--school-primary) 0%,
        var(--school-nav-bg) 100%
    );
}

body.tenant-branded #left-nav {
    background-color: var(--school-nav-bg) !important;
}

body.tenant-branded #left-nav .nav-link {
    color: var(--school-nav-text) !important;
}

body.tenant-branded #left-nav .nav-link.active,
body.tenant-branded #left-nav .nav-link.active.text-white {
    background-color: var(--school-nav-active-bg) !important;
    color: #fff !important;
}

body.tenant-branded #left-nav h2 a.sidebar-brand-link,
body.tenant-branded #left-nav .sidebar-brand-link {
    color: #fff !important;
}

body.tenant-branded .desktop-school-header,
body.tenant-branded div.desktop-school-header[style*="background-color"] {
    background-color: var(--school-header-bg) !important;
}

body.tenant-branded .btn-primary,
body.tenant-branded button.btn-primary {
    background-color: var(--school-primary) !important;
    border-color: var(--school-primary) !important;
}

body.tenant-branded .btn-primary:hover,
body.tenant-branded .btn-primary:focus {
    background-color: var(--school-nav-active-bg) !important;
    border-color: var(--school-nav-active-bg) !important;
}

body.tenant-branded .btn-outline-primary {
    color: var(--school-primary) !important;
    border-color: var(--school-primary) !important;
}

body.tenant-branded .btn-outline-primary:hover {
    background-color: var(--school-primary) !important;
    border-color: var(--school-primary) !important;
    color: #fff !important;
}

/* Sidebar layout: see static/css/sidebar-layout.css (loaded after page styles) */