/* ============================================
   IAML Website - Main Stylesheet
   Imports all CSS modules in correct order
   ============================================ */

/* 1. Design System Variables */
@import url('1-variables.css');

/* 2. Base Styles (resets, typography, global) */
@import url('2-base.css');

/* 3. Reusable Components */
@import url('3-components.css');

/* 4. Layout & Structure */
@import url('4-layout.css');

/* 5. Page-Specific Styles */
@import url('5-pages.css');

/* ============================================
   Global Utilities (if needed)
   ============================================ */

/* Section padding */
.section-padding {
  padding: 80px 40px;
}

/* Container */
.container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 40px;
}

.container-lg {
  max-width: 1200px;
}

/* Text utilities */
.text-center {
  text-align: center;
}

/* Margin utilities */
.mb-lg {
  margin-bottom: 32px;
}

.mb-xl {
  margin-bottom: 48px;
}

.my-lg {
  margin-top: 32px;
  margin-bottom: 32px;
}

.py-5xl {
  padding-top: 120px;
  padding-bottom: 120px;
}