@layer home-foundation, home-layout, home-scenes;

@import url("./scroll-scene.css") layer(home-layout);
@import url("./opening.css") layer(home-scenes);
@import url("./consultancy.css") layer(home-scenes);

@layer home-foundation {
    :root {
        --home-background-start: var(--site-background-start);
        --home-foreground: var(--site-foreground);
        --home-muted: var(--site-muted);
    }

    .home-page-body {
        --site-header-bar-background: #000;
    }

    .home-page-body[data-home-header-bar-state="transparent"] {
        --site-header-bar-backdrop-filter: none;
        --site-header-bar-background: transparent;
    }

    html {
        scrollbar-width: none;
    }

    html::-webkit-scrollbar {
        display: none;
    }
}