/* ==========================================================================
   BG Sfera — stylesheet entry point
   Cascade layers keep specificity predictable:
   settings → base → layout → components → utilities.
   In production, a bundler (Vite / PostCSS import) inlines these imports.
   ========================================================================== */

@layer settings, base, layout, components, utilities;

/* Settings */
@import url("settings/tokens.css") layer(settings);

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

/* Layout */
@import url("layout/layout.css") layer(layout);

/* Components — generic */
@import url("components/icon.css") layer(components);
@import url("components/buttons.css") layer(components);
@import url("components/forms.css") layer(components);
@import url("components/chip.css") layer(components);
@import url("components/section-head.css") layer(components);
@import url("components/tabs.css") layer(components);
@import url("components/media.css") layer(components);
@import url("components/prose.css") layer(components);

/* Components — site chrome */
@import url("components/skip-link.css") layer(components);
@import url("components/site-header.css") layer(components);
@import url("components/main-nav.css") layer(components);
@import url("components/site-footer.css") layer(components);
@import url("components/back-to-top.css") layer(components);

/* Components — home page blocks */
@import url("components/hero.css") layer(components);
@import url("components/quick-tasks.css") layer(components);
@import url("components/notice.css") layer(components);
@import url("components/section-cards.css") layer(components);
@import url("components/news.css") layer(components);
@import url("components/events.css") layer(components);
@import url("components/reference.css") layer(components);
@import url("components/institutions.css") layer(components);
@import url("components/world-map.css") layer(components);
@import url("components/data-table.css") layer(components);
@import url("components/cta-panel.css") layer(components);
@import url("components/principles.css") layer(components);

/* Utilities */
@import url("utilities/utilities.css") layer(utilities);
@import url("utilities/motion.css") layer(utilities);