/* ==========================================================================
   common.css — shared foundation for all sections.
   Include this once, before any individual section stylesheet.
   ========================================================================== */

@font-face {
  font-family: Outfit;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/outfit.woff2") format("woff2"),
       url("../fonts/outfit.woff") format("woff");
}

:root {
  --page-width: 160rem;
  --font-family: Outfit, sans-serif;
  --text-color: 18, 18, 18;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 62.5%; /* 1rem = 10px */
}

body {
  margin: 0;
  font-family: var(--font-family);
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.06rem;
  color: rgb(var(--text-color));
  background: #fff;
}

/* Centered, width-constrained content wrapper */
.page-width {
  max-width: var(--page-width);
  margin: 0 auto;
  padding: 0 1.5rem;
}

@media (min-width: 750px) {
  .page-width {
    padding: 0 5rem;
  }
}