/*
Theme Name: Mavlii
Theme URI: https://mavlii.com
Author: MXBO STUDIO
Author URI: https://mxbo.studio
Description: A custom WordPress theme for Mavlii with Advanced Custom Fields integration. Built following WordPress coding standards, WCAG 2.1 Level AA accessibility, and modern web development best practices. Features a comprehensive design system with reusable components.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mavlii
Domain Path: /languages
*/

/* ==========================================================================
   Mavlii Theme Styles - Modular CSS Architecture
   ==========================================================================

   This file imports all CSS modules. The styles are organized as follows:

   styles/
   ├── base/           → Design tokens, reset, typography
   ├── utilities/      → Layout, spacing, display, animations
   ├── components/     → Buttons, cards, reusable UI
   ├── sections/       → Homepage section styles
   ├── layout/         → Header, footer
   └── wordpress/      → WP-specific styles

   Import order matters: base → utilities → components → layout → sections → wordpress
   ========================================================================== */

/* ==========================================================================
   1. BASE - Design tokens and foundational styles
   ========================================================================== */
@import url("styles/base/_variables.css");
@import url("styles/base/_reset.css");
@import url("styles/base/_typography.css");

/* ==========================================================================
   2. UTILITIES - Helper classes and layout system
   ========================================================================== */
@import url("styles/utilities/_layout.css");
@import url("styles/utilities/_spacing.css");
@import url("styles/utilities/_display.css");
@import url("styles/utilities/_animations.css");

/* ==========================================================================
   3. COMPONENTS - Reusable UI components
   ========================================================================== */
@import url("styles/components/_buttons.css");
@import url("styles/components/_cards.css");
@import url("styles/components/_custom-dropdown.css");
@import url("styles/components/_role-modal.css");
@import url("styles/components/role-modals/_index.css");
@import url("styles/components/_bottomsheet.css");
@import url("styles/components/_floating-capsule.css");
@import url("styles/components/_video-player.css");

/* ==========================================================================
   4. LAYOUT - Site-wide layout elements
   ========================================================================== */
@import url("styles/layout/_header.css");
@import url("styles/layout/_footer.css");

/* ==========================================================================
   5. SECTIONS - Homepage section styles
   ========================================================================== */
@import url("styles/sections/_hero.css");
@import url("styles/sections/_roles.css");
@import url("styles/sections/_what-we-do.css");
@import url("styles/sections/_use-cases.css");
@import url("styles/sections/_platform.css");
@import url("styles/sections/_admins.css");
@import url("styles/sections/_admins-animations.css");
@import url("styles/sections/_teachers.css");
@import url("styles/sections/_parents.css");
@import url("styles/sections/_faq.css");
@import url("styles/sections/_testimonials.css");
@import url("styles/sections/_download.css");
@import url("styles/sections/_language.css");
@import url("styles/sections/_get-in-touch.css");
@import url("styles/sections/_campaign-demo.css");

/* ==========================================================================
   6. WORDPRESS - WordPress-specific styles
   ========================================================================== */
@import url("styles/wordpress/_wp-defaults.css");