/* ==================================================
                        MAIN
   ================================================== */
/*
 * ====================================================================================================
 * Description:
 * Main CSS entry point for the Diagnosticar project.
 * This file imports all modular CSS files in a clear, scalable, and maintainable way.
 * 
 * Purpose:
 * - Centralize and organize the entire CSS architecture.
 * - Keep individual CSS files small, modular, and focused.
 * - Apply Mobile-First methodology across the whole project.
 * 
 * Structure:
 * - BASE STYLES: Variables, reset, basic settings.
 * - COMPONENTS: Navbar, footer, buttons, forms, and shared elements.
 * - RESPONSIVE STYLES: Specific adjustments for mobile, tablet, desktop, and TV screens.
 * 
 * Important:
 * - Never write direct CSS rules in this file.
 * - Only use @import to link external modular stylesheets.
 *
 * Author: Andrea Trotta / Trotta Digital Studios
 * ====================================================================================================
 */

/* ==================================================
    BASE STYLES
   ================================================== */
   @import url('./Base/Root.css');                                     /* Global variables (colors, typography) */
   @import url('./Base/Reset.css');                                    /* Basic reset and body base styles */
   @import url('./Base/Animations.css');

/* ==================================================
    CORE
   ================================================== */
   @import url('./Core/Main/MainContent.css');

/*  ==================================================
    LAYOUT
    ================================================== */
   @import url('./Layout/Header/Header.css');                          /* Header styles */
   @import url('./Layout/Header/Navigation/NavBar.css');               /* Navigation bar styles */
   @import url('./Layout/Header/Navigation/ScrollBar.css');            /* Scrollbar styles */

   @import url('./Layout/Header/Header.css');                          /* Header styles */
   @import url('./Layout/Header/Navigation/NavBar.css');               /* Navigation bar styles */
   @import url('./Layout/Header/Navigation/ScrollBar.css');            /* Scrollbar styles */

   @import url('./Layout/Hero/Hero.css');
   
   @import url('./Layout/About/MainAbout.css');
   
   @import url('./Layout/Sections.css');

   @import url('./Layout/Footer/FooterBase.css');
   @import url('./Layout/Footer/FooterSocial.css');
   @import url('./Layout/Footer/FooterBar.css');

/*  ==================================================
    MODULES
    ================================================== */
    @import url('./Modules/SplashScreen.css');                          /* Splash Screen */
    @import url('./Modules/Typing.css');                                /* Typing under the hero logo */
    @import url('./Modules/Rocket.css'); 

/*  ==================================================
    UI
    ================================================== */
    @import url('./UI/CTA-Buttons.css'); 
    @import url('./UI/Cards.css');   
    @import url('./UI/Form.css'); 
    @import url('./UI/GlowDivider.css');   
    @import url('./UI/Whatsapp.css');           

/*  ==================================================
    SUB-PAGES STYLE
    ================================================== */
    @import url('./Pages/PrivacyPolicy.css');
    @import url('./Pages/404.css');

/*  ==================================================
    RESPONSIVE STYLES
    ================================================== */
   /* Example (uncomment if you have them) */
   @import url('./Responsive/mobile.css');
   /* @import url('./Responsive/tablet.css'); */
   /* @import url('./Responsive/desktop.css'); */
   /* @import url('./Responsive/tv.css'); */