/* ============================================================================= */
/* JWT PICKLEBALL OS - DEFAULT MAIN CSS                          */
/*                                                                             */
/* FILE LOCATION:  /public/assets/css/main.css                       */
/*                                                                             */
/* FILE PURPOSE:                                                               */
/* Import this single file in your application to load the
 * complete design system in the correct dependency order.                                                                            */
/*                                                                             */
/* CHANGE LOG:                                                                 */
/*   - 09-03-2026 | ADD: Added imports for new layout primitives (grid, stack) to complete Issue #6. | Just Wonderful Things                   */
/*   - 02-03-2026 | Initial creation | Just Wonderful Things                   */
/*                                                                             */
/* OWNERSHIP:                                                                  */
/*   - Team: Just Wonderful Things                                             */
/*   - Contact: pickleballos@justwonderfulthings.com                           */
/*                                                                             */
/* ============================================================================= */

/**
 * ============================================================
 * Import this single file in your application to load the
 * complete design system in the correct dependency order.
 *
 * Alternatively, import layers individually for fine-grained
 * control — see load order rules below.
 *
 * ─────────────────────────────────────────────────────────
 * THEMING:
 * Apply a tenant theme by adding a data-theme attribute:
 *   <body data-theme="club-ocean">
 * Theme rules live in tokens.css under the theming engine
 * section. Only semantic tokens are overridden — zero
 * component code changes required.
 *
 * ─────────────────────────────────────────────────────────
 * DARK MODE:
 * Dark mode is automatic via prefers-color-scheme in tokens.css.
 * To force dark mode: <html class="dark"> + add a CSS rule:
 *   .dark { color-scheme: dark; }
 *   .dark { /* paste dark token overrides here * / }
 * To disable auto dark mode: remove the @media block in tokens.css.
 * ============================================================
 */

 /* Import Layer 1: Foundation */
@import '/resources/jwt-ds/foundations/tokens.css';
@import '/resources/jwt-ds/foundations/base.css';

 /* Import Layer 2: Layout */
@import '/resources/jwt-ds/foundations/layout.css';
@import '/resources/jwt-ds/foundations/utilities.css';

/* Import Layer 3: Application shell */
@import '/resources/jwt-ds/components/nav-shell.css';

@import '/public/assets/css/app_shell.css';

/* Import Layer 4: Generic components */
@import '/public/assets/css/components/button.css';
@import '/resources/jwt-ds/components/input.css';
@import '/resources/jwt-ds/components/select.css';
@import '/resources/jwt-ds/components/form-controls.css';
@import '/resources/jwt-ds/components/tooltip.css';
@import '/resources/jwt-ds/components/accordion.css';
@import '/resources/jwt-ds/components/autocomplete.css';
@import '/resources/jwt-ds/components/avatar.css';
@import '/resources/jwt-ds/components/booking-calendar.css';
@import '/resources/jwt-ds/components/card.css';
@import '/resources/jwt-ds/components/command-palette.css';
@import '/resources/jwt-ds/components/context-menu.css';
/* @import '/resources/jwt-ds/components/dashboard-card.css';*/
@import '/public/assets/css/components/dashboard-card.css';
@import '/resources/jwt-ds/components/date-picker.css';
@import '/resources/jwt-ds/components/divider.css';
@import '/resources/jwt-ds/components/dropdown.css';
@import '/resources/jwt-ds/components/empty-state.css';
@import '/resources/jwt-ds/components/fab.css';
@import '/resources/jwt-ds/components/file-upload.css';
@import '/resources/jwt-ds/components/league-bracket.css';
@import '/resources/jwt-ds/components/modal.css';
@import '/resources/jwt-ds/components/progress.css';
@import '/resources/jwt-ds/components/slider.css';
@import '/resources/jwt-ds/components/status-indicators.css';
@import '/resources/jwt-ds/components/steps.css';
@import '/resources/jwt-ds/components/table.css';
@import '/resources/jwt-ds/components/tabs.css';
@import '/resources/jwt-ds/components/tag.css';
@import '/resources/jwt-ds/components/toast.css';
@import '/public/assets/css/ui-notifications.css';

/* Import Layer 5: Custom components & Layout Primitives */
@import '/public/assets/css/components/container.css';
@import '/public/assets/css/components/section.css';
@import '/public/assets/css/components/grid.css';
@import '/public/assets/css/components/stack.css';
@import '/public/assets/css/components/list.css';
@import '/public/assets/css/components/prose.css';
@import '/public/assets/css/components/filter-bar.css';
@import '/public/assets/css/components/pricing-card.css';
@import '/public/assets/css/components/product-card.css';
@import '/public/assets/css/components/cart-drawer.css';
@import '/public/assets/css/components/filter-row.css';
@import '/public/assets/css/components/density.css';
@import '/public/assets/css/components/settings-layout.css';
@import '/public/assets/css/components/log-viewer.css';
@import '/public/assets/css/components/theme-toggle.css';
@import '/public/assets/css/components/notification-bell.css';
@import '/public/assets/css/components/booking-calendar.css';
@import '/public/assets/css/components/hub-card.css';
@import '/public/assets/css/components/data-cards.css';
@import '/public/assets/css/components/coaching-cards.css';
@import '/public/assets/css/components/conversation-thread.css';
@import '/public/assets/css/components/checkout.css';
@import '/public/assets/css/components/module-feature-card.css';
@import '/public/assets/css/components/social-feed.css';
@import '/public/assets/css/components/kanban.css';

/* Import Layer 6: Custom & Pattern-specific CSS */
@import '/public/assets/css/patterns/data-table-pattern.css';
@import '/public/assets/css/system/menu_manager.css';
@import '/public/assets/css/pos/pos-terminal.css';
@import '/public/assets/css/pos/pos-product-form.css';
@import '/public/assets/css/competition.css';
@import '/public/assets/css/search/search-results.css';
@import '/public/assets/css/messaging/messaging.css';
@import '/public/assets/css/booking/instant-play.css';

/* ============================================================================= */
/* DEFAULT MAIN CSS     /public/assets/css/main.css     */
/* ============================================================================= */