/* Web Chick — self-hosted fonts
   Replaces the Google Fonts <link>. No third-party request, no visitor IPs
   sent to Google, and one less DNS+TLS handshake before text paints.

   Each @font-face lists .woff2 FIRST, .ttf second. The browser takes the
   first format it supports, so this file works whether you have converted
   to woff2 yet or not — convert when you can and nothing here changes.

   Expected in /fonts/ :
     fraunces-variable.woff2         (or .ttf)
     fraunces-italic-variable.woff2  (or .ttf)
     inter-variable.woff2            (or .ttf)
     caveat-variable.woff2           (or .ttf)
     special-elite.woff2             (or .ttf)
*/

/* ---- Fraunces (display / headings) — variable: opsz + wght ---- */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/fraunces-variable.woff2') format('woff2-variations'),
       url('/fonts/fraunces-variable.ttf') format('truetype-variations');
}
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/fraunces-italic-variable.woff2') format('woff2-variations'),
       url('/fonts/fraunces-italic-variable.ttf') format('truetype-variations');
}

/* ---- Inter (body) — variable wght ---- */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/inter-variable.woff2') format('woff2-variations'),
       url('/fonts/inter-variable.ttf') format('truetype-variations');
}

/* ---- Caveat (script accent) — variable wght ---- */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/caveat-variable.woff2') format('woff2-variations'),
       url('/fonts/caveat-variable.ttf') format('truetype-variations');
}

/* ---- Special Elite (footer mono) — static 400 ---- */
@font-face {
  font-family: 'Special Elite';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/special-elite.woff2') format('woff2'),
       url('/fonts/special-elite.ttf') format('truetype');
}

/* Pin Fraunces' variable axes so self-hosted headings render exactly as they
   do today via Google Fonts. SOFT 0 / WONK 0 is the plain cut — without this,
   browsers can default the axes differently and headings shift subtly. */
h1, h2, h3, h4, h5, h6,
.font-display,
.hero h1, .hero h2 {
  font-optical-sizing: auto;
  font-variation-settings: 'SOFT' 0, 'WONK' 0;
}