:root{
    /** Dark theme primary colors */
--color-primary-a0: #70a4bc;
--color-primary-a10: #81aec3;
--color-primary-a20: #91b8cb;
--color-primary-a30: #a1c2d2;
--color-primary-a40: #b0ccd9;
--color-primary-a50: #c0d6e1;

/** Dark theme surface colors */
--color-surface-a0: #121212;
--color-surface-a10: #282828;
--color-surface-a20: #3f3f3f;
--color-surface-a30: #575757;
--color-surface-a40: #717171;
--color-surface-a50: #8b8b8b;

/** Dark theme mixed surface colors */
--color-surface-mixed-a0: #3f5660;
--color-surface-mixed-a10: #536770;
--color-surface-mixed-a20: #677981;
--color-surface-mixed-a30: #7b8b92;
--color-surface-mixed-a40: #909da3;
--color-surface-mixed-a50: #a5b0b5;
}

body.dark {
    background-color: var(--color-surface-a10)!important;
    color: #f8f9fa;
}

.bg-white.dark{
    background-color: var(--color-surface-a10)!important;
    color: var(--color-primary-a10);
}


.dark.btn-primary:hover {
    background-color: #0056b3; /* Cor do botão em hover no modo escuro */
}

.dark.text-muted {
    color: #ced4da; /* Cor do texto secundário em modo escuro */
}
.dark.login{
    background: var(--color-surface-a20)!important;
}

.btn-outline-secondary.dark{
    background: var(--color-surface-a30);
    color: var(--color-primary-a50);
}

hr.dark{
    background-color: var(--color-surface-a40);
}

.form-group label.dark{
    color: var(--color-primary-a50)!important;
}

.form-group input.dark{
    background: var(--color-primary-a50)!important;
    border-color: var(--color-primary-a40);
}

.login h2.dark{
    color: var(--color-primary-a0)!important;
}

.btn-primary.dark {
    background: var(--color-surface-a10);
    color: var(--color-primary-a50);
    border-color: var(--color-surface-a30);
}

.btn-primary.dark:hover {
    background: var(--color-surface-a0);
}

.bg-primary.dark{
    background: var(--color-surface-a0)!important;
}

h2.dark{
    color: var(--color-primary-a50)!important;
}

p.dark, span.dark{
    color: var(--color-primary-a50)!important;
}

.text-primary.dark{
    color: var(--color-primary-a0)!important;
}

#toggleDarkMode.dark{
    background: var(--color-surface-a20);
    border-color: var(--color-surface-a20);
    color: var(--color-primary-a10);
}

.login .btn-secondary.dark{
    border-color: var(--color-surface-a30);
    background: var(--color-surface-a30);
    color: var(--color-primary-a40);
}

.btn-secondary.dark:hover{
    background: var(--color-surface-a30);
    color: var(--color-primary-a50);
    border-color: #BBB;
}

#cookie.dark {
    color: var(--color-primary-a20);
    background-color: var(--color-surface-a20);
    border: 1px solid var(--color-surface-a30);
}

#cookie button.btn.dark{
    background: var(--color-surface-a30);
    color: var(--color-primary-a50);
  }