/* Theme definitions */

:root {
    /* Light theme (default) */
    --background-color: #f0f0f0;
    --text-color: #333;
    --primary-color: #007bff;
    --secondary-color: #6c757d;
    --link-color: #0056b3;
}

body.dark-theme {
    /* Dark theme */
    --background-color: #1a1a2e;
    --text-color: #e0e0e0;
    --primary-color: #e94560;
    --secondary-color: #533483;
    --link-color: #a0a0ff;
}

/* Time-based sky colors (examples, Three.js will handle actual rendering) */
.morning-sky {
    --sky-color-top: #FFB347;
    --sky-color-bottom: #FF7E05;
}

.afternoon-sky {
    --sky-color-top: #2C7DA0;
    --sky-color-bottom: #61A4CC;
}

.evening-sky {
    --sky-color-top: #FF6B6B;
    --sky-color-bottom: #2D1B3A;
}

.night-sky {
    --sky-color-top: #0A0A2A;
    --sky-color-bottom: #223366;
}

/* Weather-based modifiers (examples, Three.js will handle actual rendering) */
.weather-clear {
    /* Brighter, sharper */
}

.weather-clouds {
    /* Diffused, softer */
}

.weather-rain {
    /* Darker, reflective */
}

.weather-thunderstorm {
    /* Dramatic, flashing */
}

.weather-snow {
    /* Cooler, white-gray */
}

.weather-fog {
    /* Misty, monochromatic */
}