/* Theme Background Styles */
/* :root CSS variables --bg-light and --bg-dark are set inline in the layout */

html[data-bs-theme="light"] body {
    background-image: var(--bg-light);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

html[data-bs-theme="dark"] body {
    background-image: var(--bg-dark);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

html[data-bs-theme="auto"] body {
    background-image: var(--bg-light);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

@media (prefers-color-scheme: dark) {
    html[data-bs-theme="auto"] body {
        background-image: var(--bg-dark);
    }
}