/* css/main.css GLOBAL MANIFEST — the only file linked in the HTML for global usage. Import order: Variables → Themes → Animations → Reusable Components. Rule: Never add component-specific overrides here. */ /* Define the hierarchy: Overrides always win over Core defaults */ @layer engine, core, components, overrides; /* 1. THE ENGINE (Critical - Head) */ /* ─── Tier 1: Global Tokens ──────────────────────────────────────────────── */ @import url('./variables.css') layer(engine); /* ─── Tier 2: Semantic Themes ────────────────────────────────────────────── */ @import url('./themes.css') layer(engine); /* ─── Tier 2: Animations ─────────────────────────────────────────────────── */ @import url('./animations.css') layer(engine); /* 2. THE CORE (Critical - Head) */ /* Renders the site structure and typography before JS runs */ @import url('../components/core/_base.css') layer(core); @import url('../components/core/_layouts.css') layer(core); @import url('../components/core/_texts.css') layer(core); /* 3. THE COMPONENTS */ /* ─── Headers ───────────────────────────────────────────────────────────────── */ @import url('../components/headers/_headers.css') layer(components); /* ─── Cards ──────────────────────────────────────────────────────────────── */ @import url('../components/cards/_cards.css') layer(components); @import url('../components/cards/_card-session.css') layer(components); @import url('../components/cards/_card-session-mini.css') layer(components); @import url('../components/cards/_card-booking.css') layer(components); @import url('../components/cards/_card-product.css') layer(components); @import url('../components/cards/_card-membership.css') layer(components); @import url('../components/cards/_card-team.css') layer(components); @import url('../components/cards/_card-detail.css') layer(components); /* ─── Buttons ─────────────────────────────────────────────────────────────── */ @import url('../components/buttons/_buttons.css') layer(components); @import url('../components/buttons/_button-icon.css') layer(components); @import url('../components/buttons/_button-nav.css') layer(components); @import url('../components/buttons/_button-round.css') layer(components); /* ─── Badges ──────────────────────────────────────────────────────────────── */ @import url('../components/badges/_badges.css') layer(components); @import url('../components/badges/_badge-fav.css') layer(components); /* ─── Dropdowns ───────────────────────────────────────────────────────────── */ @import url('../components/dropdowns/_dropdowns.css') layer(components); @import url('../components/dropdowns/_dropdown-avatar.css') layer(components); @import url('../components/dropdowns/_dropdown-options.css') layer(components); /* ─── Calendars ───────────────────────────────────────────────────────────── */ @import url('../components/calendars/_calendars.css') layer(components); @import url('../components/calendars/_calendar-strip.css') layer(components); /* ─── Modals ──────────────────────────────────────────────────────────────── */ @import url('../components/modals/_modals.css') layer(components); @import url('../components/modals/_modal-booking.css') layer(components); @import url('../components/modals/_modal-filters.css') layer(components); @import url('../components/modals/_modal-calendar.css') layer(components); /* ─── Carts ───────────────────────────────────────────────────────────────── */ @import url('../components/carts/_carts.css') layer(components); @import url('../components/carts/_cart-toast.css') layer(components); /* ─── Forms ───────────────────────────────────────────────────────────────── */ @import url('../components/forms/_forms.css') layer(components); @import url('../components/forms/_form-composite.css') layer(components); @import url('../components/forms/_form-country.css') layer(components); @import url('../components/forms/_form-divider.css') layer(components); @import url('../components/forms/_form-waiver.css') layer(components); /* ─── UI Components ───────────────────────────────────────────────────────── */ @import url('../components/footers/_footers.css') layer(components); @import url('../components/menus/_menus.css') layer(components); @import url('../components/breadcrumbs/_breadcrumbs.css') layer(components); @import url('../components/tags/_tags.css') layer(components); @import url('../components/search/_search.css') layer(components); @import url('../components/tabs/_tabs.css') layer(components); @import url('../components/tables/_tables.css') layer(components); @import url('../components/sliders/_sliders.css') layer(components); @import url('../components/pickers/_pickers.css') layer(components); @import url('../components/panels/_panels.css') layer(components); @import url('../components/pills/_pills.css') layer(components); @import url('../components/icons/_icons.css') layer(components); @import url('../components/avatars/_avatars.css') layer(components); /* 4. THE OVERRIDES (JS Injected) */ /* Loaded via loadComponent() for page-specific component variants */