/*1. BASE STYLES (Sab se pehle variables aur resets aayenge) */
@import url('base/variable.css');
@import url('base/reset.css');
@import url('base/typography.css');
@import url('base/background.css');

/* 2. LAYOUT STYLES (Page ka outer dhancha)*/
@import url('layout/header.css');
@import url('layout/footer.css');

/*3. COMPONENT STYLES (Azaad aur functional blocks) */
@import url('components/buttons.css');
@import url('components/navbar.css');
@import url('components/searchbar.css');
@import url('components/code-editor.css');
@import url('components/modal.css');
@import url('components/js-part.css');
@import url('components/quiz-section-page.css');

/*4. SECTIONS & RESPONSIVE (Agar in folders mein koi files hain to niche add karein)*/
@import url('sections/section.css');
/* Example: @import url('responsive/mobile.css'); */