/* ===== Theme Background Patterns ===== */

/* Apply backgrounds only when page is loaded */

/* Halloween Theme Background */
html[data-theme="halloween"] body.loaded {
    background-image:
        linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)),
        url('/pictures/main/fon.jpg');
    background-repeat: repeat;
    background-size: 400px 400px;
    background-attachment: fixed;
}

/* Halloween Theme - Projects Section Background */
html[data-theme="halloween"] .projects {
    background-image:
        linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
        url('/pictures/main/fon2.jpg');
    background-repeat: repeat;
    background-size: 400px 400px;
    background-attachment: fixed;
    background-color: transparent;
}

/* Dark Theme - Clean gradient */
html[data-theme="dark"] body.loaded {
    background-image: none;
    background-color: var(--bg, #0a0a0f);
}

/* Light Theme - Clean solid */
html[data-theme="light"] body.loaded {
    background-image: none;
    background-color: var(--bg, #f5f5f7);
}

/* Hello Kitty Theme - Pink background */
html[data-theme="hellokitty"] body.loaded {
    background-image: none;
    background-color: var(--bg, #ffe0f0);
}