/* ===== MAIN CSS - GENESIS SMANICHI ===== */
/* Import CSS Variables & Global Styles */
@import url("./variables.css");
@import url("./global.css");

/* Import Components */
@import url("./components/navbar.css");
@import url("./components/dropdown.css");
@import url("./components/button.css");
@import url("./components/footer.css");

/* Import Sections */
@import url("./sections/home.css");
@import url("./sections/sejarah.css");
@import url("./sections/divisi.css");
@import url("./sections/mentor.css");
@import url("./sections/karya.css");
@import url("./sections/galeri.css");
@import url("./sections/event.css");

/* ===== NOTES ===== 
 * 
 * File Structure:
 * ├── main.css              (This file - imports everything)
 * ├── variables.css         (Design system variables)
 * ├── global.css           (Base styles & utilities)
 * ├── components/
 * │   ├── navbar.css       (Header & Navigation)
 * │   ├── dropdown.css     (Mobile dropdown menu)
 * │   ├── button.css       (Button styles)
 * │   └── footer.css       (Footer)
 * └── sections/
 *     ├── home.css         (Hero section)
 *     ├── sejarah.css      (History section)
 *     ├── divisi.css       (Division section)
 *     ├── karya.css        (Works/portfolio section)
 *     └── galeri.css       (Gallery section)
 * 
 * Benefits:
 * - Modular & maintainable
 * - Easy to find & edit specific components
 * - Scalable for future additions
 * - Team-friendly collaboration
 * - CSS Variables for easy theming
 * 
 * Usage:
 * Just import main.css in your HTML:
 * <link rel="stylesheet" href="css/main.css">
 * 
 * Maintenance:
 * - To change colors: Edit variables.css
 * - To modify navbar: Edit components/navbar.css
 * - To update home section: Edit sections/home.css
 * - etc.
 * 
 */