:root {
    --brand-primary: #EC1567;
    --brand-secondary: #B0004B;
    --brand-menu: #263238;
}

.bg-brand,
.btn-brand,
.btn-login {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
}

.btn-login {
    background-image: linear-gradient(135deg, var(--brand-primary), var(--brand-secondary)) !important;
}

.btn-login:hover,
.btn-login:focus {
    box-shadow: 0 10px 18px -4px color-mix(in srgb, var(--brand-secondary) 45%, transparent) !important;
}

.login-form .form-control:focus {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--brand-primary) 15%, transparent) !important;
}

.login-form .password-toggle:hover,
.text-brand,
.branding-footer a {
    color: var(--brand-primary) !important;
}

/* El panel de acceso usa el fondo y los textos definidos en global_assets/css/login.css. */
.sidebar-dark,
.navbar-header.navbar-dark {
    background-color: var(--brand-menu) !important;
}

.branding-menu-logo {
    max-width: 150px;
    max-height: 34px;
    object-fit: contain;
}

.branding-menu-icon {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

/* La identidad ya se muestra dentro del menú lateral. Evita repetir un logo
   ilegible en el encabezado reducido de la plantilla. */
.navbar-header .branding-menu-logo,
.navbar-header .branding-menu-icon {
    display: none;
}