/* css/theme.css */

/* Dark mode styles */
body.dark-mode {
    --bg-color: #1c1c1e; /* Dark mode background */
    --text-color: #f2f2f7; /* Dark mode text */
    --primary-color: #0a84ff; /* Primary action blue (slightly adjusted for dark mode) */
    --secondary-color: #2c2c2e; /* Dark mode card/container background */
    --hover-color: #0066cc; /* Dark button hover */
    --border-color: #48484a; /* Dark mode input/container border */
    --error-color: #ff453a; /* Dark mode error/remove button */
    --shadow: 0 1px 3px rgba(0, 0, 0, 0.25); /* Dark mode shadow */
    --input-bg: #3a3a3c; /* Dark mode input background */
    --primary-color-rgb: 10, 132, 255;
    --border-color-rgb: 72, 72, 74;
}

/* Logo visibility in dark mode */
body.dark-mode .logo-container #darkLogo {
    opacity: 1;
}

body.dark-mode .logo-container #lightLogo {
    opacity: 0;
}