/* Default theme variables */
:root {
    --background-color: #ffffff;
    --text-color: #000000;
    --link-color: #1a73e8;
}

/* Body styles for different themes */
body.light {
    --background-color: #ffffff;
    --text-color: #000000;
}

body.dark {
    --background-color: #121212;
    --text-color: #ffffff;
}

body.forest {
    --background-color: #2a3d34;
    --text-color: #9dbd74;
}

body.space {
    --background-color: #1a1a1a;
    --text-color: #c1c1c1;
}

/* Apply theme variables to body */
body {
    background-color: var(--background-color);
    color: var(--text-color);
    font-family: Arial, sans-serif;
}

a {
    color: var(--link-color);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Navbar styles */
.navbar {
    background-color: #333;
    color: white;
    padding: 10px;
}

.navbar a {
    color: white;
    margin: 0 15px;
    text-decoration: none;
}

#current-time, #battery-percentage {
    float: right;
}

/* Settings page styles */
.settings-container {
    margin: 50px;
    padding: 20px;
}

.settings-container input {
    margin-bottom: 10px;
}

/* Styling for each theme in the home page */
body.light {
    --background-color: #ffffff;
    --text-color: #000000;
}

body.dark {
    --background-color: #121212;
    --text-color: #ffffff;
}

body.forest {
    --background-color: #2a3d34;
    --text-color: #9dbd74;
}

body.space {
    --background-color: #000033;
    --text-color: #a8a8d7;
}