/* theme-toggle.css */

/* Tema claro */
.light-theme {
    --bg-color: #ffffff;
    --text-color: #000000;
    --link-color: #007bff;
    --link-hover-color: #0056b3;
    --navbar-bg-color: #f8f9fa;
    --navbar-text-color: #000000;
    --btn-primary-bg-color: #007bff;
    --btn-primary-text-color: #ffffff;
}

/* Tema escuro */
.dark-theme {
    --bg-color: #0C0F14;
    --text-color: #ffffff;
    --link-color: #0d6efd;
    --link-hover-color: #0a58ca;
    --navbar-bg-color: #212529;
    --navbar-text-color: #ffffff;
    --btn-primary-bg-color: #0d6efd;
    --btn-primary-text-color: #ffffff;
}

/* Aplicar as variáveis aos elementos */
body {
    background-color: var(--bg-color);
    color: var(--text-color);
}

a {
    color: var(--link-color);
}

    a:hover {
        color: var(--link-hover-color);
    }

.navbar {
    background-color: var(--navbar-bg-color);
}

    .navbar .navbar-brand,
    .navbar .navbar-nav .nav-link {
        color: var(--navbar-text-color);
    }

.btn-primary {
    background-color: var(--btn-primary-bg-color);
    color: var(--btn-primary-text-color);
}

.dark-theme .alert .alert-light {
    color: white;
}

.jconfirm-title-c {
    color: black !important;
}

.jconfirm-content-pane {
    color: black !important;
}

/* Estilo para o ícone de sol */
#theme-toggle-icon.fa-sun {
    color: #ffc107;
}

/* Estilo para o ícone de lua */
#theme-toggle-icon.fa-moon {
    color: #2081e9;
}