/* ===========================
   Google Fonts
=========================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

/* ===========================
   Layer Order
=========================== */

@layer reset,
variables,
base,
typography,
utilities,
components,
sections,
responsive;

/* ===========================
   Imports
=========================== */

@import url('./reset.css') layer(reset);
@import url('./variables.css') layer(variables);
@import url('./base.css') layer(base);
@import url('./typography.css') layer(typography);
@import url('./utilities.css') layer(utilities);
@import url('./components.css') layer(components);
@import url('./sections.css') layer(sections);
@import url('./responsive.css') layer(responsive);
@import url('./navigation.css') layer(components);
@import url('./about-page.css') layer(sections);