/* theme.css */

/* Tema claro: sobrescreve alguns estilos do tema escuro */
body.light-theme {
    background-color: #ffffff;
    color: #212529 !important;
}

body.light-theme h1,
body.light-theme h2,
body.light-theme h3,
body.light-theme h4,
body.light-theme h5,
body.light-theme p,
body.light-theme label {
    color: #212529 !important;
}

body.light-theme .navbar {
    background-color: #e3f2fd;
}

body.light-theme .navbar-brand,
body.light-theme .nav-link {
    color: #212529 !important;
}

body.light-theme .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

body.light-theme .header {
    background-color: #ffffff;
}

body.light-theme .typewriter::after {
    background-color: black;
}

body.light-theme .habilidades {
    background-color: #f1f1f1;
}

body.light-theme .projetos {
    background-color: #ffffff;
}

body.light-theme .projeto-card {
    background-color: #f1f1f1;
}

body.light-theme .contato,
body.light-theme .form-control {
    background-color: #f1f1f1;
}

body.light-theme .form-control:focus {
    background-color: #f8f8f8;
    color: #212529 !important;
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

body.light-theme input:-webkit-autofill,
body.light-theme input:-webkit-autofill:focus {
    background-color: #f8f8f8 !important;
    color: #212529 !important;
    -webkit-box-shadow: 0 0 0 50px #f8f8f8 inset;
    box-shadow: 0 0 0 50px #f8f8f8 inset;
}

body.light-theme footer,
body.light-theme footer a,
body.light-theme footer p {
    background-color: #00253A;
    color: white !important;
}

/* Ajuste dos botões para o tema claro */
body.light-theme .btn-success {
    background-color: #3F8E00;
}

body.light-theme .btn-success:hover {
    background-color: #367600;
}