@layer reset, variables, components, utilities, layout;

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

@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/Error/style.css" layer(components);
@import "../component/ProfileSelector/style.css" layer(components);
@import "../component/FeaturedMovies/style.css" layer(components);
@import "../component/Stats/style.css" layer(components);
@import "../component/Comment/style.css" layer(components);

body {
  position: relative;
  background-color: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-sans);
  overflow-x: hidden;
}

/* Amélioration générale du scroll */
::-webkit-scrollbar {
  width: 0.5rem;
}

::-webkit-scrollbar-track {
  background: rgba(var(--color-text-rgb), 0.05);
}

::-webkit-scrollbar-thumb {
  background: rgba(var(--color-accent-rgb), 0.4);
  border-radius: 0.25rem;
  transition: background 0.2s ease;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(var(--color-accent-rgb), 0.6);
}