/**
 * GNPath Main Stylesheet Entry Point
 * Stage 9-10: Modular CSS architecture - component extraction complete
 *
 * Import Order (ITCSS-inspired):
 * 1. Settings - Variables and design tokens
 * 2. Base - Resets, typography, document setup
 * 3. Components - UI components (buttons, nav, forms, cards, modals, tables, alerts)
 * 4. Pages - Page-specific styles (hero, faq, contact, legal, 404)
 *
 * Strategy: Extract commonly used standalone components to individual files.
 */

/* Settings Layer - Three-tier Token Architecture */
@import "settings/_primitives.css";  /* Layer 1: Primitive Tokens */
@import "settings/_semantic.css";    /* Layer 2: Semantic Tokens */
@import "settings/_components.css";  /* Layer 3: Component Tokens */
@import "settings/_variables.css";   /* Layer 4: Backward Compatibility */

/* Base Layer */
@import "base/_reset.css";
@import "base/_global.css";

/* Components Layer - Extracted Modules */
@import "components/_phone-protect.css";
@import "components/_buttons.css";
@import "components/_cards.css";
@import "components/_nav.css";
@import "components/_footer.css";
@import "components/_cookie-banner.css";
@import "components/_forms.css";
@import "components/_modals.css";
@import "components/_tables.css";
@import "components/_alerts.css";
@import "components/_chat.css";
@import "components/_friends.css";
@import "components/_empty-state.css";
@import "components/_error-state.css";
@import "components/_skeleton.css";
@import "components/_comments.css";
@import "components/_legal-modal.css";
@import "components/_report-modal.css";
@import "components/_notification-bell.css";
@import "components/_tiptap.css";
@import "components/_back-to-top.css";

/* Pages Layer - Page-specific styles */
@import "pages/_hero.css";
@import "pages/_faq.css";
@import "pages/_contact.css";
@import "pages/_legal.css";
@import "pages/_404.css";