/* Global */


body {
    background-color: var(--background-color);
    color: var(--text-color);
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Utility Classes */

[data-theme="dark"] #sun-icon {
    display: inline-block;
}

[data-theme="dark"] #moon-icon {
    display: none;
}

    

/* Subject Specific ID */

/* Hide/show icons based on theme */
#sun-icon {
    display: none;
}

#moon-icon {
    display: inline-block;
}

/* Subject Specific Classes */

.theme-toggle {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
}

.theme-icon {
    font-size: 24px;
    cursor: pointer;
    color: var(--icon-color);
    transition: transform 0.3s ease, color 0.3s ease;
}

.theme-icon:hover {
    transform: scale(1.2);
}