/**
 * ProRank SEO - Modular CSS Entry Point
 * 
 * Main entry file that imports all modular CSS in the correct order.
 * This ensures consistent design across all ProRank admin pages.
 * 
 * IMPORTANT: The import order matters! Core must load before components,
 * and components before features.
 * 
 * @since 3.0.0
 */

/* ============================================
   CORE DESIGN SYSTEM
   Foundation styles that everything else builds upon
   Load these first to establish design tokens and base styles
   ============================================ */

/* Design tokens - MUST be first */
@import './core/_variables.css';

/* Browser resets and WordPress overrides */
@import './core/_reset.css';

/* Typography system */
@import './core/_typography.css';

/* Page layout and structure */
@import './core/_layout.css';

/* Unified settings design system */
@import './core/_unified-settings.css';

/* ============================================
   COMPONENT LIBRARY
   Reusable UI components used across all pages
   These enforce design consistency
   ============================================ */

/* Button components */
@import './components/_buttons.css';

/* Card components */
@import './components/_cards.css';

/* Form controls */
@import './components/_forms.css';

/* Checkbox groups */
@import './components/_checkbox-groups.css';

/* Input components */
@import './components/_inputs.css';

/* Smart input sizing */
@import './components/_input-sizes.css';

/* Table styles */
@import './components/_tables.css';

/* Tab navigation */
@import './components/_tabs.css';

/* Toggle switches */
@import './components/_toggle.css';

/* Premium toggle design system - MANDATORY for all toggles */
@import './components/_toggle-premium.css';

/* Global toggle standards - MANDATORY design patterns for ALL toggles */
@import './components/_toggle-standards.css';

/* Modal and overlay styles */
@import './components/_modals.css';

/* Badge and status indicators */
@import './components/_badges.css';

/* Stats and metrics displays */
@import './components/_stats.css';

/* ============================================
   FEATURE-SPECIFIC STYLES
   Styles specific to individual features/pages
   These extend the core components
   ============================================ */

/* Dashboard specific */
@import './features/_dashboard.css';

/* Analytics pages */
@import './features/_analytics.css';

/* AI Content Generation */
@import './features/_ai-content.css';

/* Sitemap settings */
@import './features/_sitemap.css';

/* E-commerce SEO */
@import './features/_ecommerce.css';

/* Site Audit & Tools */
@import './features/_site-audit.css';
@import './features/_tools.css';

/* Technical SEO page */
@import './features/_technical-seo.css';

/* LLMs Optimization page */
@import './features/_llms-optimization.css';

/* On-Page SEO module */
@import './features/_onpage-seo.css';

/* Schema Wizard module */
@import './features/_schema.css';

/* Podcast SEO module */
@import './features/podcast-seo.css';

/* Site Basics module */
@import './features/_site-basics.css';

/* Performance page */
@import './features/_performance.css';

/* Caching & Delivery page */
@import './features/_caching.css';

/* Image Optimization page */
@import './features/_image-optimization.css';

/* Agency Hub - White Label, User Management, Collaboration */
@import './features/_agency-hub.css';

/* Support page */
@import './features/_support.css';

/* Internal Linking page */
@import './features/_internal-linking.css';

/* Redirects Manager */
@import './features/_redirects.css';

/* Robots & Indexing page */
@import './features/_robots-indexing.css';

/* ============================================
   WORDPRESS COMPATIBILITY
   Overrides and fixes for WordPress admin
   ============================================ */

/* WordPress-specific overrides */
@import './wordpress/_overrides.css';

/* ============================================
   UTILITIES
   Helper classes and utilities
   Load these last so they can override when needed
   ============================================ */

/* Animation utilities */
@import './utilities/_animations.css';

/* Helper classes */
@import './utilities/_helpers.css';

/* ============================================
   MIGRATION COMPLETE
   All components have been migrated to the modular system
   The old unified CSS has been removed
   ============================================ */

/* ============================================
   MIGRATION NOTES
   
   Phase 1 (Current): Core system established
   - ✅ Variables
   - ✅ Reset
   - ✅ Typography
   - ✅ Layout
   
   Phase 2 (Next): Component migration
   - [ ] Buttons
   - [ ] Cards
   - [ ] Forms
   - [ ] Tables
   
   Phase 3: Feature migration
   - [ ] Dashboard
   - [ ] Analytics
   - [ ] SEO Tools
   
   Phase 4: Cleanup
   - [ ] Remove unified CSS import
   - [ ] Optimize and minify
   ============================================ */
