/* ==========================================================================
   VECTIDE MAIN STYLESHEET - Master import file
   ========================================================================== */

/* Import all modular stylesheets in order of specificity */

/* 1. Base Foundation - Variables, resets, typography, grid systems */
@import url('base.css');

/* 2. Reusable Components - Buttons, cards, forms, navigation */
@import url('components.css'); 

/* 3. Page-Specific Styles */
@import url('home.css');
@import url('services.css');
@import url('about.css');
@import url('contact.css');
@import url('terms.css');
@import url('privacy.css');
@import url('faq.css');

/* 4. Utilities & Enhancements - Helper classes, JS states, accessibility */
@import url('utilities.css');

/* ==========================================================================
   Quick Reference for CSS Organization:
   
   base.css:
   - CSS Variables (:root)
   - Reset styles
   - Typography & container system
   - Grid systems
   - Base animations
   
   components.css:
   - Header & navigation (including dropdowns)
   - Buttons (CTA, download, etc.)
   - Cards (prop-card, service-card, founder-card)
   - Forms & form components
   - Timeline badges
   - Footer
   
   home.css:
   - Hero section
   - Value props section
   - How it works workflow
   - Services section
   - About section
   - Contact section
   
   services.css:
   - Services overview section
   - Service cards and matrix table
   - Service-specific hero
   - Badge styling
   
   about.css:
   - Page hero
   - Mission content
   - Team member cards
   - Why section styling
   
   contact.css:
   - Contact form layouts
   - Info sidebar
   - Download section
   - Form row layouts
   
   utilities.css:
   - JavaScript enhanced states
   - Utility classes (spacing, display, etc.)
   - Accessibility enhancements