/* ----------------------------- */
/* Tema Claro                    */
/* ----------------------------- */
body.claro {
    background-color: #f0f0f0;
    color: #111111;
}

body.claro a {
    color: #009966;
}

body.claro input,
body.claro select,
body.claro textarea {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #ccc;
}

body.claro button {
    background-color: #009966;
    color: #ffffff;
}

body.claro h1, body.claro h2, body.claro h3,
body.claro label, body.claro p, body.claro span {
    color: #111111;
}

/* ----------------------------- */
/* Tema Escuro (comentado)       */
/* -----------------------------
body.escuro {
    background-color: #121212;
    color: #f4f4f4;
}

body.escuro a {
    color: #00ff88;
}

body.escuro input,
body.escuro select,
body.escuro textarea {
    background-color: #1e1e1e;
    color: #ffffff;
    border: 1px solid #444;
}

body.escuro button {
    background-color: #00aa66;
    color: #ffffff;
}

body.escuro h1, body.escuro h2, body.escuro h3,
body.escuro label, body.escuro p, body.escuro span {
    color: #ffffff;
}

body.escuro .login-box,
body.escuro .form-container,
body.escuro .card,
body.escuro .content-box {
    background-color: #1e1e1e;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

body.escuro .content-box {
    background-color: #1e1e1e;
    border-radius: 12px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    padding: 30px;
    max-width: 500px;
    margin: 40px auto;
}
-------------------------------- */