/* ============================================================
   Pasture — Shared Typography Tokens
   Loaded on every page before the page-specific stylesheet.
   Colors, spacing, and animation timing stay page-specific.
   ============================================================ */

/* ── Fonts ─────────────────────────────────────────────────── */

@font-face {
  font-family: 'PP Neue Montreal TT';
  src: url('/assets/fonts/PPNeueMontreal-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'PP Neue Montreal TT';
  src: url('/assets/fonts/PPNeueMontreal-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'PP Neue Montreal TT';
  src: url('/assets/fonts/PPNeueMontreal-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ── Typography tokens ─────────────────────────────────────── */

:root {
  --font-family: 'PP Neue Montreal TT', system-ui, sans-serif;
  --font-regular: 400;
  --font-medium: 500;
  --font-bold: 700;

  --font-size-lg: 20px;
  --line-height-lg: 24px;

  --font-size-sm: 16px;
  --line-height-sm: 20px;
}

@media (max-width: 768px) {
  :root {
    --font-size-lg: 18px;
    --line-height-lg: 24px;
    --font-size-sm: 16px;
    --line-height-sm: 22px;
  }
}