/* themes.css */

/* Light Theme */
:root {
    --background-color-light: #fff;
    --text-color-light: #000;
}

[data-theme='light'] {
    --background-color: var(--background-color-light);
    --text-color: var(--text-color-light);
}

/* Dark Theme */
:root {
    --background-color-dark: #333;
    --text-color-dark: #fff;
}

[data-theme='dark'] {
    --background-color: var(--background-color-dark);
    --text-color: var(--text-color-dark);
}

body {
    background-color: var(--background-color);
    color: var(--text-color);
}