/* ==========================================================================
   MICROSOFT FLUENT DESIGN 2 SYSTEM - BDU HOUSING
   Main Architecture Entrypoint
   ========================================================================== */

/* 1. Base Layer */
@import url('./reset.css');
@import url('./variables.css');
@import url('./typography.css');

/* 2. Layout Layer */
@import url('../layout/container.css');
@import url('../layout/grid.css');
@import url('../layout/navbar.css');
@import url('../layout/sidebar.css');
@import url('../layout/footer.css');

/* 3. Component Layer */
@import url('../components/buttons.css');
@import url('../components/cards.css');
@import url('../components/forms.css');
@import url('../components/tables.css');
@import url('../components/modal.css');
@import url('../components/drawer.css');
@import url('../components/toast.css');
@import url('../components/badge.css');
@import url('../components/dropdown.css');
@import url('../components/skeleton.css');

/* 4. Page Layer */
@import url('../pages/home.css');
@import url('../pages/housing.css');
@import url('../pages/news.css');
@import url('../pages/faq.css');
@import url('../pages/admin.css');

/* 5. Utility Layer */
@import url('../utilities/animation.css');
@import url('../utilities/helpers.css');

html {
  overflow-x: hidden;
}

/* Base Body Application Scope */
body {
  background-color: var(--color-bg);
  color: var(--color-text-primary);
  font-family: var(--font-family);
  font-size: var(--font-size-body);
  line-height: 1.5;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden;
  overflow-y: visible;
  transition: background-color var(--transition-smooth), color var(--transition-smooth);
}

.main-content {
  flex-grow: 1;
  width: 100%;
  max-width: 100%;
  padding-top: 76px; /* 64px fixed navbar + 12px breathing clearance */
}

/* Partner Hover Effect Utilities */
.partner-card-lift { transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease; }
.partner-card-lift:hover { transform: translateY(-5px); box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08); }

.partner-card-zoom { transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); }
.partner-card-zoom:hover { transform: scale(1.06); }

.partner-card-glow { transition: box-shadow 0.3s ease, border-color 0.3s ease; }
.partner-card-glow:hover { box-shadow: 0 0 20px rgba(15, 108, 189, 0.3); border-color: var(--color-primary); }

.partner-card-grayscale img { filter: grayscale(100%); transition: filter 0.3s ease; }
.partner-card-grayscale:hover img { filter: grayscale(0%); }