/* CSS Architecture - Rules and hierarchy */
@import "base/_css-architecture.css";

/* Design Tokens - Single source of truth */
@import "base/_design-tokens.css";

/* Universal Layout System - Container, Grid, and Spacing (NEW) */
@import "base/_universal-layout.css";

/* Base - Our New Foundation System */
@import "base/_reset.css";
@import "base/_variables.css";
@import "base/_foundation.css";
@import "base/_vertical-rhythm.css";
@import "base/_horizontal-spacing.css";
@import "base/_image-layouts.css";
@import "base/_typography-scale.css";
@import "base/_color-foundation.css";
@import "base/_hover-system.css";
@import "base/_hero-unified.css";
@import "base/_component-structure.css";
@import "base/_border-system.css";
@import "base/_shadow-elevation.css";
@import "base/_background-patterns.css";
@import "base/_text-content-width.css";
@import "base/_icon-system.css";
@import "base/_interactive-states.css";
@import "base/_form-styling.css";
/* @import "base/_navigation-patterns.css"; -- REMOVED: Conflicts with component header */

/* REMOVED - Replaced by new foundation system above */
/* @import "base/_typography.css"; -- Replaced by _typography-scale.css */
/* @import "base/_spacing.css"; -- Replaced by _vertical-rhythm.css and _horizontal-spacing.css */
/* @import "base/_colors.css"; -- Replaced by _color-foundation.css */

/* Layout System */
/* @import "layout/_layout.css"; -- Replaced by _foundation.css */

/* Component Library - Reusable components */
/* @import "components/_component-library.css"; -- Replaced by _component-structure.css */

/* Components - COMMENTED OUT for migration to foundation system */
/* @import "components/_header-clean.css"; */
/* @import "components/_footer.css"; */
/* @import "components/_buttons.css"; -- Replaced by _component-structure.css */
/* @import "components/_cards.css"; */
/* @import "components/_badges.css"; */
/* @import "components/_visual-grids.css"; */
/* @import "components/_metrics.css"; */
/* @import "components/_micro-interactions.css"; */
/* @import "components/_ai-specializations.css"; */
/* @import "components/_storytelling.css"; */

/* Shared component styles - Consistent design system */
@import "components/_enhanced-cards.css";
@import "components/_enhanced-sections.css";
@import "components/_enhanced-heroes.css";
@import "components/_shared-utilities.css";
@import "components/_testimonial-hero.css";
@import "components/_social-proof.css";
@import "components/_quote-marks.css";
@import "components/_hero-testimonial-centered.css";
@import "components/_image-ratios.css";
@import "components/_ai-tools-showcase.css";
@import "pages/_hero-dashboard.css"; /* Hero dashboard used by projects + case studies */
/* @import "components/_lightbox.css"; -- REMOVED: Replaced by _image-modal.css (loaded per page) */

/* Utilities */
@import "utilities/_layout-system.css";
@import "utilities/_core-utilities.css";
@import "utilities/_hover-effects.css";
@import "utilities/_responsive.css";
@import "utilities/_mobile.css";
@import "utilities/_mobile-optimization.css";
@import "utilities/_tablet-adjustments.css";
@import "utilities/_desktop-enhancement.css";
@import "utilities/_micro-interactions.css";
@import "utilities/_visual-effects.css";
@import "utilities/_performance-optimization.css";
@import "utilities/_accessibility.css";
@import "utilities/_animations.css";

/* Pages - Load individually per page, not globally
 * Each HTML file should load its own page-specific CSS:
 * - index.html loads pages/_home.css
 * - projects.html loads pages/_projects.css
 * - about.html loads pages/_about.css
 * - testimonials.html loads pages/_testimonials.css
 * - contact.html loads pages/_contact.css
 * - case study pages load pages/_case-study.css
 *
 * This prevents loading 9000+ lines of unused CSS on every page
 */

/* TEMPORARY: Override conflicts with old CSS - Remove once old CSS is cleaned up */
/* @import "base/_override-conflicts.css"; -- No longer needed, conflicts resolved */