/* 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;
}

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

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

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

body.env-test {
    --genio-environment-color: var(--genio-accent);
}

body.env-staging {
    --genio-environment-color: var(--genio-context-border);
}

body:is(.env-test, .env-staging) .genio-navbar {
    border-bottom: 2px solid var(--genio-environment-color);
}