@layer reset, variables, components, utilities;

@import "./reset.css" layer(reset);
@import "./variables.css" layer(variables);
@import "./utilities.css" layer(utilities);
@import "./global.css" layer(global);


@import "../component/NavBar/style.css" layer(components);
@import "../component/Movie/style.css" layer(components);
@import "../component/MovieDetail/style.css" layer(components);
@import "../component/MovieCategory/style.css" layer(components);
@import "../component/Favorite/style.css" layer(components);
@import "../component/MovieFeatured/style.css" layer(components);
@import "../component/Stats/style.css" layer(components);
@import "../component/Footer/style.css" layer(components);



html, body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    
    
    background-color: var(--bg-color);
    color: var(--text-main);
    font-family: var(--font-family);
    -webkit-font-smoothing: antialiased;

}


a {
    color: var(--text-main);
    text-decoration: none;
}