/*
  @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 "/css/variables.css" layer(variables);
@import "/css/reset.css" layer(reset);
@import "/css/base.css" layer(base);
/* @import "/css/utilities.css" layer(utilities); */

@import "/components/Hero/style.css" layer(components);
@import "/components/Navigation/style.css" layer(components);
@import "/components/Products/style.css" layer(components);
@import "/components/Features/style.css" layer(components);
@import "/components/Content/style.css" layer(components);
@import "/components/About/style.css" layer(components);
@import "/components/Footer/style.css" layer(components);





@import "/components/Relicta/Hero/style.css" layer(components);
@import "/components/Relicta/Features/style.css" layer(components);
/* @import "/components/Relicta/Content/style.css" layer(components); */
@import "/components/Relicta/Contact/style.css" layer(components);
@import "/components/Relicta/Content2/style.css" layer(components);
@import "/components/Relicta/Ecommerce/style.css" layer(components);
@import "/components/Relicta/Ecommerce2/style.css" layer(components);
@import "/components/Relicta/Calltoaction/style.css" layer(components);
@import "/components/Relicta/Content3/style.css" layer(components);
@import "/components/Relicta/Discover/style.css" layer(components);