/* css/base/main.css GLOBAL MANIFEST — the only file linked in the HTML for global usage. Import order: Base → Alias → Semantic → 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) */ /* ─── Token hierarchy: Base → Alias → Semantic ───────────────────────────── */ @import url('./base.css') layer(engine); @import url('./alias.css') layer(engine); @import url('./semantic.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/_globals.css'); @import url('../components/core/_layout-tokens.css'); @import url('../components/core/_layout-primitives.css'); @import url('../components/core/_layout-content.css'); @import url('../components/core/_layout-modifiers.css'); @import url('../components/core/_texts.css'); @import url('../components/core/_text-list.css'); /* 3. THE COMPONENTS */ /* ─── Headers ───────────────────────────────────────────────────────────────── */ @import url('../components/headers/_headers.css'); /* ─── Skeletons ─────────────────────────────────────────────────────────────── */ @import url('../components/skeletons/_skeletons.css'); /* ─── Cards ──────────────────────────────────────────────────────────────── */ @import url('../components/cards/_cards.css'); @import url('../components/cards/_card-notice.css'); @import url('../components/cards/_card-session.css'); @import url('../components/cards/_card-session-mini.css'); @import url('../components/cards/_card-booking.css'); @import url('../components/cards/_card-booking-mini.css'); @import url('../components/cards/_card-product.css'); @import url('../components/cards/_card-membership.css'); @import url('../components/cards/_card-detail.css'); @import url('../components/cards/_card-calendar.css'); @import url('../components/cards/_card-diagram.css'); /* ─── Buttons ─────────────────────────────────────────────────────────────── */ @import url('../components/buttons/_buttons.css'); @import url('../components/buttons/_button-nav.css'); @import url('../components/buttons/_button-round.css'); @import url('../components/buttons/_button-success-animation.css'); /* ─── Badges ──────────────────────────────────────────────────────────────── */ @import url('../components/badges/_badges.css'); @import url('../components/badges/_badge-dot.css'); @import url('../components/badges/_badge-fav.css'); @import url('../components/badges/_badge-icon.css'); /* ─── Selects ─────────────────────────────────────────────────────────────── */ @import url('../components/selects/_selects.css'); @import url('../components/selects/_select-avatar.css'); @import url('../components/selects/_select-country-code.css'); /* ─── Toolbars ────────────────────────────────────────────────────────────── */ @import url('../components/toolbars/_toolbars.css'); /* ─── Calendars ───────────────────────────────────────────────────────────── */ @import url('../components/calendars/_calendars.css'); @import url('../components/calendars/_calendar-strip.css'); /* ─── Modals ──────────────────────────────────────────────────────────────── */ @import url('../components/modals/_modals.css'); /* ─── Popovers ────────────────────────────────────────────────────────────── */ @import url('../components/popovers/_popovers.css'); @import url('../components/popovers/_popover-calendar.css'); @import url('../components/popovers/_popover-filters.css'); /* ─── Toasts ──────────────────────────────────────────────────────────────── */ @import url('../components/toasts/_toasts.css'); /* ─── Forms ───────────────────────────────────────────────────────────────── */ @import url('../components/inputs/_inputs.css'); @import url('../components/inputs/_text-field-counter.css'); @import url('../components/fields/_fields.css'); @import url('../components/checkboxes/_checkboxes.css'); @import url('../components/radios/_radios.css'); @import url('../components/toggles/_toggles.css'); @import url('../components/spinners/_spinners.css'); /* ─── Dividers ────────────────────────────────────────────────────────────── */ @import url('../components/dividers/_dividers.css'); /* ─── Pins ────────────────────────────────────────────────────────────────── */ @import url('../components/pins/_pins.css'); /* ─── UI Components ───────────────────────────────────────────────────────── */ @import url('../components/footers/_footers.css'); @import url('../components/menus/_menus.css'); @import url('../components/breadcrumbs/_breadcrumbs.css'); @import url('../components/tags/_tags.css'); @import url('../components/tags/_tag-active.css'); @import url('../components/search/_search.css'); @import url('../components/tabs/_tabs.css'); @import url('../components/tables/_tables.css'); @import url('../components/sliders/_sliders.css'); @import url('../components/pickers/_pickers.css'); @import url('../components/panels/_panels.css'); @import url('../components/panels/_panel-doc.css'); @import url('../components/pills/_pills.css'); @import url('../components/pills/_pill-avatar.css'); @import url('../components/pills/_pill-icon.css'); @import url('../components/icons/_icons.css'); @import url('../components/avatars/_avatars.css'); /* 4. THE OVERRIDES (reserved) */ /* Component CSS is imported above; loadComponent.ts remains dormant. */