/* QSIR 196: Environment indicator
    Production = default styling (no overrides).
    Development/Test = teal.
    Staging = amber.
*/

.env-banner {
    padding: 0.35rem 1rem;
    font-size: 0.875rem;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.05em;
}

.env-banner--production {
    background: #0d6efd;
    color: #fff;
}

.env-banner--test {
    background: #0f766e;
    color: #fff;
}

.env-banner--staging {
    background: #d97706;
    color: #fff;
}

/* DEVELOPMENT / TEST: distinct teal treatment (light theme only) */
body.env-test:not(.dark-theme) {
    --bs-sidebar-bg: #e6fffb;
    --bs-navbar-bg: #d8fffa;
}

body.env-test:not(.dark-theme) #sidebar {
    border-right-color: #7dd3c7;
}

body.env-test:not(.dark-theme) .navbar.bg-navbar {
    border-bottom: 2px solid #0f766e;
}

/* Dark theme: env tinting is disabled — the dark palette should remain
   consistent.  The environment is already conveyed by the Project badge
   in the navbar and (optionally) the env-banner. */

/* STAGING: distinct amber treatment (light theme only) */
body.env-staging:not(.dark-theme) {
    --bs-sidebar-bg: #fff7ed;
    --bs-navbar-bg: #ffedd5;
}

body.env-staging:not(.dark-theme) #sidebar {
    border-right-color: #fbbf24;
}

body.env-staging:not(.dark-theme) .navbar.bg-navbar {
    border-bottom: 2px solid #d97706;
}

/* Dark theme: env tinting is disabled for staging too — same rationale. */

/* PRODUCTION: no overrides (default theme) */