body.dark-mode {
    --background-color: #2c2c2c;
    --text-color: #f0f2f5;
    --white: #3a3a3a;
}

body.dark-mode .container {
    background-color: var(--white);
    box-shadow: 0 10px 20px rgba(0,0,0,0.4), 0 6px 6px rgba(0,0,0,0.35);
}

body.dark-mode h1 {
    color: #58a6ff;
}

body.dark-mode #generate-btn {
    background-color: #58a6ff;
    box-shadow: 0 4px 6px rgba(0,0,0,0.2);
}

body.dark-mode #generate-btn:hover {
    box-shadow: 0 6px 12px rgba(88, 166, 255, 0.5);
}

body.dark-mode #theme-toggle-btn {
    background-color: #bb86fc;
}

body.dark-mode #theme-toggle-btn:hover {
    box-shadow: 0 6px 12px rgba(187, 134, 252, 0.5);
}