/* ==========================================================================
   Syrtra · hoja principal
   Importa las capas en orden de especificidad:
   base → layout → components → sections
   ========================================================================== */

/* Base */
@import url("base/tokens.css");
@import url("base/reset.css");
@import url("base/typography.css");
@import url("base/utilities.css");

/* Layout */
@import url("layout/section.css");
@import url("layout/header.css");
@import url("layout/footer.css");
@import url("layout/auth-shell.css");

/* Componentes */
@import url("components/button.css");
@import url("components/badge.css");
@import url("components/chip.css");
@import url("components/typewriter.css");
@import url("components/marquee.css");
@import url("components/feature-card.css");
@import url("components/code.css");
@import url("components/chat.css");
@import url("components/carousel.css");
@import url("components/accordion.css");
@import url("components/newsletter.css");
@import url("components/plan-card.css");
@import url("components/currency-switch.css");
@import url("components/api-console.css");
@import url("components/scroll-reveal.css");
@import url("components/form-field.css");
@import url("components/password-meter.css");
@import url("components/progress-ring.css");
@import url("components/task-list.css");
@import url("components/step-list.css");
@import url("components/chat-preview.css");

/* Secciones */
@import url("sections/hero.css");
@import url("sections/brands.css");
@import url("sections/features.css");
@import url("sections/benefits.css");
@import url("sections/testimonials.css");
@import url("sections/pricing.css");
@import url("sections/api.css");
@import url("sections/faq.css");
@import url("sections/cta.css");
@import url("sections/auth.css");