:root {
    --bg-nb: #d0a75a;
    --text-and-logo: #ffead5;
}

@media (prefers-color-scheme: dark) {
    :root {
        
    }
}

.login-page .navbar {
    background-color: #d0a75a !important;
    border-bottom: 1px solid rgba(255, 234, 213, 0.28) !important;
}

.login-page .nav-logo img {
    background-color: var(--text-and-logo) !important;
    -webkit-mask: url("/assets/img/logo/logo-rose.svg") no-repeat center / contain;
    mask: url("/assets/img/logo/logo-rose.svg") no-repeat center / contain;
    content: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.login-page .nav-item {
    color: var(--text-and-logo) !important;
}

.login-page .nav-menu {
    color: var(--text-and-logo) !important;
    border-color: var(--text-and-logo) !important;
}

.login-page .nav-menu:hover {
    background-color: var(--text-and-logo) !important;
    color: #d0a75a !important;
}

.login-page .auth-link {
    color: var(--text-and-logo) !important;
    border-color: var(--text-and-logo) !important;
}

.login-page .auth-link:hover,
.login-page .auth-link:last-child {
    background-color: var(--text-and-logo) !important;
    color: #d0a75a !important;
}

.login-page .profile-button {
    border-color: var(--text-and-logo) !important;
}

.login-page .profile-menu {
    background: rgba(208, 167, 90, 0.95) !important;
    border: 1px solid rgba(255, 234, 213, 0.34) !important;
}

.login-page .profile-menu a,
.login-page .profile-menu button {
    color: var(--text-and-logo) !important;
}

.login-page .profile-menu a:hover,
.login-page .profile-menu button:hover {
    background: rgba(255, 234, 213, 0.18) !important;
}

/* --- Menu Mobile pour les pages Login/Account --- */

.login-page .hamburger,
.login-page .hamburger::before,
.login-page .hamburger::after {
    background-color: var(--text-and-logo) !important;
}

.login-page .mobile-menu {
    background-color: var(--bg-nb) !important;
    border-left: 1px solid rgba(255, 234, 213, 0.2);
}

.login-page .mobile-nav-links a,
.login-page .mobile-auth-links a,
.login-page .mobile-auth-links button {
    color: var(--text-and-logo) !important;
    border-bottom: 1px solid rgba(255, 234, 213, 0.15) !important;
}

.login-page .mobile-auth-links .auth-link {
    border-color: var(--text-and-logo) !important;
}

.login-page .mobile-auth-links .auth-link:last-child {
    background-color: var(--text-and-logo) !important;
    color: var(--bg-nb) !important;
}