@layer base, layout, components, sections, animations;

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');

/* Base */
@import './base/variables.css' layer(base);
@import './base/reset.css' layer(base);
@import './base/typography.css' layer(base);

/* Layout */
@import './layout/grid.css' layer(layout);

/* Components */
@import './components/buttons.css' layer(components);
@import './components/cards.css' layer(components);
@import './components/forms.css' layer(components);
@import './components/header.css' layer(components);
@import './components/footer.css' layer(components);
@import './components/floating.css' layer(components);

/* Sections */
@import './sections/hero.css' layer(sections);
@import './sections/problems.css' layer(sections);
@import './sections/video-cta.css' layer(sections);
@import './sections/services.css' layer(sections);
@import './sections/segments.css' layer(sections);
@import './sections/products.css' layer(sections);
@import './sections/about.css' layer(sections);
@import './sections/methodology.css' layer(sections);
@import './sections/results.css' layer(sections);
@import './sections/testimonials-marquee.css' layer(sections);
@import './sections/clients.css' layer(sections);
@import './sections/cta.css' layer(sections);

/* Animations */
@import './animations/keyframes.css' layer(animations);
@import './animations/premium.css' layer(animations);