html {
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

body {
    color: var(--text);
    background-color: var(--bg);
    background-image: url("../../images/background/background.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
    background-attachment: fixed;
    image-rendering: auto;
}

html[data-theme="dark"] body {
    background-image: url("../../images/background/background-dark.png");
}

@media (max-width: 768px) {
    body {
        background-size: cover;
        background-position: bottom center;
    }
}