/*
 * theme.css — Entry point (imports only)
 *
 * DO NOT add styles here directly.
 * All styles live in the imported files below.
 *
 * Load order:
 *   1. base      — tokens, fonts, reset, typography, globals
 *   2. layout    — container
 *   3. utilities — utility classes
 *   4. components — UI building blocks (order: from least to most dependent)
 *   5. pages     — page-level overrides
 *
 * BREAKPOINTS for media queries are: 
 *   --mobile: default (0-767px)
 *   --tablet: 768px-1023px
 *   --desktop: 1024px to max (1920px)
 *
 * Copy and paste the following media query template for each breakpoint:

@media (min-width: 768px) {
}

@media (min-width: 1024px) {

}

 * Name your CSS classes using the BEM convention:
 *   .block
 *   .block__element
 *   .block--modifier-name
 * For example:
 *   .btn
 *   .btn__icon
 *   .btn--primary  
 * Each block should be in its own file under the components directory, and each element and modifier should be defined within that file.
*/

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


/* =========================================
   Layout
========================================= */
@import url("./layout/container.css");
@import url("./layout/section.css");


/* =========================================
   Utilities
========================================= */
@import url("./utilities/utils.css");


/* =========================================
   Components
========================================= */
@import url("./components/btn.css");
@import url("./components/icon.css");
@import url("./components/link.css");

@import url("./components/navbar.css");
@import url("./components/mobile-filter-groups.css");
@import url("./components/search-filter.css");
@import url("./components/search-modal.css");
@import url("./components/video.css");
@import url("./components/hero.css");
@import url("./components/footer.css");
@import url("./components/newsletter-input.css");
@import url("./components/sponsors.css");
@import url("./components/section-heading.css");
@import url("./components/project-cards.css");
@import url("./components/projects-carousel.css");
@import url("./components/project-card.css");
@import url("./components/swiper.css");
@import url("./components/search-menu-map.css");
@import url("./components/browse-filter.css");

@import url("./components/player.css");
@import url("./components/contact-card.css");
@import url("./components/challenge-card.css");
@import url("./components/person-card.css");
@import url("./components/action-cards.css");
@import url("./components/action-card.css");

@import url("./components/detail-section.css");
@import url("./components/detail-header.css");
@import url("./components/detail-field-row.css");
@import url("./components/models3d-card.css");
@import url("./components/gallery-grid.css");
@import url("./components/video-modal.css");
@import url("./components/bibliography-list.css");
@import url("./components/browse-filter-bar.css");
@import url("./components/browse-pagination.css");
@import url("./components/browse-map.css");


/* =========================================
   Pages
========================================= */
@import url("./pages/home.css");
@import url("./pages/contact.css");
@import url("./pages/about.css");
@import url("./pages/detail.css");
@import url("./pages/browse.css");

@import url("./pages/browse.css");