/* Default light theme */
body {
    background-color: #f0f0f0;
    color: #333;
    transition: background-color 0.5s, color 0.5s;
}

.calculator {
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Dark theme styles */
.dark-theme {
    background-color: #121212;
    color: #e0e0e0;
}

.dark-theme .calculator {
    background-color: #1e1e1e;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}

/* Rainbow theme styles */
.rainbow-theme {
    animation: rainbowBackground 10s infinite;
}

@keyframes rainbowBackground {
    0% { background-color: red; }
    16.6% { background-color: orange; }
    33.3% { background-color: yellow; }
    50% { background-color: green; }
    66.6% { background-color: blue; }
    83.3% { background-color: indigo; }
    100% { background-color: violet; }
}

/* Other sections will also need styles */
.other-calculators, .theme-switcher {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    margin-top: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.dark-theme .other-calculators, .dark-theme .theme-switcher {
    background-color: #1e1e1e;
    color: #e0e0e0;
}