:root {
    --bs-primary: #2777AD;
    --bs-secondary: #285FA1;
}

.btn-primary { background-color: var(--bs-primary); border-color: var(--bs-primary); }
.btn-primary:hover { background-color: var(--bs-primary); background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)); border-color: var(--bs-primary); }
.btn-outline-primary { color: var(--bs-primary); border-color: var(--bs-primary); }
.btn-outline-primary:hover { background-color: var(--bs-primary); border-color: var(--bs-primary); color: #fff; }
.btn-secondary { background-color: var(--bs-secondary); border-color: var(--bs-secondary); }
.btn-secondary:hover { background-color: var(--bs-secondary); background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)); border-color: var(--bs-secondary); }
.btn-outline-secondary { color: var(--bs-secondary); border-color: var(--bs-secondary); }
.btn-outline-secondary:hover { background-color: var(--bs-secondary); border-color: var(--bs-secondary); color: #fff; }

@supports (background-color: color-mix(in srgb, red 90%, transparent)) {
    .btn-primary:hover {
        background-color: color-mix(in srgb, var(--bs-primary) 90%, transparent);
        background-image: none;
    }
    .btn-secondary:hover {
        background-color: color-mix(in srgb, var(--bs-secondary) 90%, transparent);
        background-image: none;
    }
}
a { text-decoration: none; color: var(--bs-primary); }
.navbar-brand { font-weight: 600; }
main { padding-top: 1.5rem; padding-bottom: 2rem; }

.auth-container { min-height: 100vh; display: flex; align-items: center; justify-content: center; }
.auth-box { width: 100%; max-width: 420px; padding: 2rem; background: #fff; border-radius: .5rem; box-shadow: 0 .25rem 1rem rgba(0, 0, 0, .08); }

.mw-400 { max-width: 400px; }
.mw-600 { max-width: 600px; }
.mh-80 { max-height: 80px; }
.mh-90vh { max-height: 90vh; }
.w-40 { width: 40px; }
.cursor-zoom { cursor: zoom-in; }
.z-1060 { z-index: 1060; }
.preview-h-80 { max-height: 80px; }
.preview-h-100 { max-height: 100px; }
.preview-h-150 { max-height: 150px; }