/* ===== MAIN STYLES.CSS - MODULAR ARCHITECTURE ===== */
/* This file imports modular CSS files and includes remaining styles */

/* ===== BASE STYLES ===== */
@import url('./css/base/variables.css');
@import url('./css/base/reset.css');
@import url('./css/base/common.css');
@import url('./css/base/animations.css');

/* ===== LAYOUT STYLES ===== */
@import url('./css/layout/header.css');
@import url('./css/layout/footer.css');

/* ===== COMPONENT STYLES ===== */
@import url('./css/components/buttons.css');
@import url('./css/components/forms.css');
@import url('./css/components/modals.css');
@import url('./css/components/cart.css');
@import url('./css/components/bento-gallery.css');

/* ===== PAGE STYLES ===== */
@import url('./css/pages/donation.css');
@import url('./css/pages/checkout.css');
@import url('./css/pages/payment.css');

/* ===== UTILITY STYLES ===== */
@import url('./css/utilities/development.css');