/*
  @layer (Cascade Layers) - Permet de contrôler l'ordre de priorité des styles CSS.

  Fonctionnement :
  - Les layers déclarés en premier ont MOINS de priorité que ceux déclarés après.
  - Ici l'ordre de priorité est : reset < variables < components < utilities
  - Cela signifie que les styles dans "utilities" l'emportent sur ceux de "components",
    qui eux-mêmes l'emportent sur "variables", etc.

  Avantages :
  - Évite les conflits de spécificité CSS
  - Organise le code de manière logique et prévisible
  - Permet d'importer des fichiers CSS dans des layers spécifiques avec layer()
*/

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

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

@import "../component/Hero/style.css" layer(components);
@import "../component/Navigation/style.css" layer(components);
@import "../component/Shop/style.css" layer(components);
@import "../component/Product/style.css" layer(components);
@import "../component/Description/style.css" layer(components);
@import "../component/Footer/style.css" layer(components);
@import "../component/Feature/style.css" layer(components);
@import "../component/Plan/style.css" layer(components);
@import "../component/Faq/style.css" layer(components);
@import "../component/ContactForm/style.css" layer(components);
@import "../component/Description2/style.css" layer(components);
@import "../component/CallToAction/style.css" layer(components);
@import "../component/Back/style.css" layer(components);
@import "../component/Cards/style.css" layer(components);
@import "../component/Galerie/style.css" layer(components);
@import "../component/DescVideo/style.css" layer(components);
@import "../component/Team/style.css" layer(components);
@import "../component/Ecommerce/style.css" layer(components);
@import "../component/Showcase/style.css" layer(components);
@import "../component/Video/style.css" layer(components);
@import "../component/Content/style.css" layer(components);
@import "../component/Client/style.css" layer(components);
@import "../component/Product2/style.css" layer(components);
@import "../component/Column/style.css" layer(components);
@import "../component/Testimonial/style.css" layer(components);
@import "../component/Social/style.css" layer(components);
@import "../component/Footer2/style.css" layer(components);


@import "../component/ListeHub/style.css" layer(components);
@import "../component/NavigationHub/style.css" layer(components);