/* static/css/base.css -- last updated: 2026-02-26
   Layout foundation — body, navbar and footer offsets.
   Uses design-system tokens from theme.css.
   Consolidates the former base.css + styles.css into one file. */

/* ── Body offsets for fixed navbar + fixed footer ── */
body {
  background: var(--ap-bg, #F3F4F6);
  padding-top: 56px;
  /* height of the navbar (mobile) */
  padding-bottom: 0;
  /* handled by .page-content */
}

@media (min-width: 992px) {
  body {
    padding-top: 64px;
    /* navbar is taller on desktop */
  }
}

/* ── Main content — avoids footer overlap ── */
.page-content {
  padding-bottom: 80px;
  /* footer height (60px) + 20px breathing room */
}

/* ── Navbar brand ── */
.navbar-brand {
  font-weight: 700;
  font-size: 1.5rem;
}

/* ── Fixed footer ── */
footer.site-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 60px;
  z-index: 1030;
  display: flex;
  align-items: center;
  justify-content: center;
}