/* ============================= */
/*          MODE SOMBRE          */
/* ============================= */

body.dark-mode {
    background: #121212;
    color: #eee;
}

/* ---- STRUCTURE ---- */

body.dark_mode .topbar,
body.dark_mode .bottombar {
    background: #1f1f1f;
    color: #fff;
}

body.dark_mode .layout {
    background: #181818;
}

/* ---- SIDEBARS ---- */

body.dark_mode .sidebar_left {
    background: #1b1b1b;
    color: #eee;
}

body.dark_mode .sidebar_right {
    background: #2a2f38;
    color: #eee;
}

/* ---- MAIN CONTENT ---- */

body.dark-mode .main-content h2 {
    color: #e0e0e0;
}

body.dark_mode pre {
    background: #222;
    color: #ddd;
    border: 1px solid #444;
}

/* ---- DB / LOGIN ---- */

body.dark_mode .db_container,
body.dark_mode .login_container {
    background: #1e1e1e;
    color: #fff;
    box-shadow: 0 8px 20px rgba(0,0,0,0.5);
}

body.dark-mode .login_form input {
    background: #2a2a2a;
    border: 1px solid #555;
    color: #fff;
}

body.dark-mode .login_form button {
    background: #4CAF50;
}

/* ---- THEME BUTTON ---- */

body.dark_mode .theme_toggle {
    background: #eee;
    color: #000;
}