/** GENERAL **/
#bg_login {
    /* The image used */
    background-image: url("/assets/img/bg-lmpztr-login.jpg");

    /* Full height */
    height: 100%;

    /* Center and scale the image nicely */
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;    
}


/* Versão 1 - Tema Principal (Base: Amarelo e Roxo) */
.btn-lmpztr-yellow {
    --bs-btn-color: #fff;
    --bs-btn-bg: #fcd052; /* Amarelo principal */
    --bs-btn-border-color: #5f266c; /* Roxo escuro */
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #c62d68; /* Rosa vibrante */
    --bs-btn-hover-border-color: #5f266c; /* Roxo escuro */
    --bs-btn-focus-shadow-rgb: 252, 208, 82; /* Sombra amarela */
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #92276a; /* Roxo intermediário */
    --bs-btn-active-border-color: #5f266c; /* Roxo escuro */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #fcd052;
    --bs-btn-disabled-border-color: #fcd052;
}

/* Versão 2 - Tema Elegante (Base: Roxos Variados) */
.btn-lmpztr-purple {
    --bs-btn-color: #fff;
    --bs-btn-bg: #5f266c; /* Roxo escuro */
    --bs-btn-border-color: #92276a; /* Roxo médio */
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #c62d68; /* Rosa vibrante */
    --bs-btn-hover-border-color: #92276a; /* Roxo médio */
    --bs-btn-focus-shadow-rgb: 95, 38, 108; /* Sombra roxa */
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #c62d68; /* Rosa vibrante */
    --bs-btn-active-border-color: #92276a; /* Roxo médio */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #5f266c;
    --bs-btn-disabled-border-color: #5f266c;
}

/* Versão 3 - Tema Moderno (Base: Rosa e Branco) */
.btn-lmpztr-pink {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #c62d68; /* Rosa vibrante */
    --bs-btn-border-color: #151939; /* Azul escuro */
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #fcd052; /* Amarelo */
    --bs-btn-hover-border-color: #c62d68; /* Rosa vibrante */
    --bs-btn-focus-shadow-rgb: 198, 45, 104; /* Sombra rosa */
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #5f266c; /* Roxo escuro */
    --bs-btn-active-border-color: #c62d68; /* Rosa vibrante */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #c62d68;
    --bs-btn-disabled-border-color: #c62d68;
}

/* Versão 4 - Tema Vibrante (Base: Amarelo e Azul Escuro) */
.btn-lmpztr-dark-yellow {
    --bs-btn-color: #151939; /* Azul escuro */
    --bs-btn-bg: #fcd052; /* Amarelo principal */
    --bs-btn-border-color: #151939; /* Azul escuro */
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #92276a; /* Roxo intermediário */
    --bs-btn-hover-border-color: #151939; /* Azul escuro */
    --bs-btn-focus-shadow-rgb: 252, 208, 82; /* Sombra amarela */
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #c62d68; /* Rosa vibrante */
    --bs-btn-active-border-color: #5f266c; /* Roxo escuro */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #fcd052;
    --bs-btn-disabled-border-color: #fcd052;
}