/**
 * Grow More Loans — Design System Entry
 * Import order: tokens → base → layout → components → utilities
 *
 * Usage (in layout head.php):
 * <link rel="stylesheet" href="/assets/css/main.css">
 */

/* Base */
@import url("base/variables.css");
@import url("brand-theme.css");
@import url("base/reset.css");
@import url("base/typography.css");
@import url("base/accessibility.css");
@import url("premium.css");

/* Layout */
@import url("layout/grid.css");
@import url("layout/header.css");
@import url("layout/footer.css");

/* Components */
@import url("components/buttons.css");
@import url("components/cards.css");
@import url("components/forms.css");
@import url("components/animations.css");
@import url("components/emi-calculator.css");

/* Pages */
@import url("pages/home.css");
@import url("pages/education-loan.css");
@import url("pages/loan-service.css");
@import url("pages/study-abroad.css");
@import url("pages/about.css");
@import url("pages/contact.css");
@import url("pages/faqs.css");

/* Utilities */
@import url("utilities/responsive.css");

/* ─── Global layout shell (pages will use later) ─── */
.page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.page__main {
  flex: 1;
}