/* Self-hosted Mona Sans (SIL OFL).
   Drop-in replacement for Proxima Nova — same geometric-humanist character.
   Variable axes: weight 200–900, width 75–125. No third-party font requests. */

@font-face {
  font-family: 'Mona Sans';
  src: url('./fonts/MonaSansVF.woff2') format('woff2-variations'),
       url('./fonts/MonaSansVF.woff2') format('woff2');
  font-weight: 200 900;
  font-stretch: 75% 125%;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Mona Sans';
  src: url('./fonts/MonaSansVF-Italic.woff2') format('woff2-variations'),
       url('./fonts/MonaSansVF-Italic.woff2') format('woff2');
  font-weight: 200 900;
  font-stretch: 75% 125%;
  font-style: italic;
  font-display: swap;
}

/* ============================================================ */
/* Accessibility: skip-to-content link                          */
/* Visible only when focused via keyboard navigation.            */
/* ============================================================ */
.skip-link {
  position: absolute;
  top: -100px;
  left: 0;
  background: #1a1a1a;
  color: #ffffff;
  padding: 0.6rem 1rem;
  font-family: 'Mona Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size: 0.9rem;
  font-weight: 700;
  text-decoration: none;
  z-index: 1000;
  border-radius: 0 0 4px 0;
  transition: top 0.15s;
}
.skip-link:focus {
  top: 0;
  outline: 2px solid #f4c45a;
  outline-offset: 2px;
}