/* Vaultnord-preg på hvelvet.
   Legges oppå Bitwarden-klienten utenfra, så den overlever en oppgradering av
   hvelvet. Til gjengjeld kan klassenavnene endre seg oppstrøms - går noe i
   stykker visuelt etter en oppdatering, er det her du ser først. */

:root {
    --vn-turkis: #3dd2cc;
    --vn-turkis-mork: #17807d;
}

/* Bitwardens egen aksentfarge, der klienten bruker variabler. */
html, body.layout_frontend {
    --color-primary-600: 23 128 125;
    --color-primary-700: 18 102 106;
}

/* Innloggingssiden: rolig nordisk bunn i stedet for den blå gradienten. */
body.layout_frontend {
    background: linear-gradient(180deg, #f3f6fa 0%, #e8edf4 100%) !important;
}

.bwi-shield::before,
.logo-image {
    filter: hue-rotate(140deg) saturate(0.9);
}

button.btn-primary,
.btn.btn-primary {
    background-color: var(--vn-turkis-mork) !important;
    border-color: var(--vn-turkis-mork) !important;
}

#vaultnord-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 6px 12px;
    font: 12px/1.4 ui-sans-serif, system-ui, sans-serif;
    color: #55617a;
    background: rgba(243, 246, 250, .94);
    border-top: 1px solid #dbe2ec;
    text-align: center;
    z-index: 2147483000;
}
#vaultnord-footer a { color: #17807d; }

@media (prefers-color-scheme: dark) {
    #vaultnord-footer {
        color: #9aa5b8;
        background: rgba(46, 52, 64, .94);
        border-top-color: #434c5e;
    }
    #vaultnord-footer a { color: #8fbcbb; }
}