/* ── SELF-HOSTED BRAND FONTS ──
   Metropolis  → body / UI  (var --font-body)
   Jaguar      → display / headings (var --font-display)
   Sources live in /fonts; web builds (woff2) in /fonts/web.
*/

/* ── METROPOLIS ── */
@font-face {
  font-family: 'Metropolis';
  src: url('../fonts/web/Metropolis-Light.woff2') format('woff2'),
       url('../fonts/metropolis/Metropolis-Light.otf') format('opentype');
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Metropolis';
  src: url('../fonts/web/Metropolis-Regular.woff2') format('woff2'),
       url('../fonts/metropolis/Metropolis-Regular.otf') format('opentype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Metropolis';
  src: url('../fonts/web/Metropolis-Italic.woff2') format('woff2'),
       url('../fonts/metropolis/Metropolis-RegularItalic.otf') format('opentype');
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'Metropolis';
  src: url('../fonts/web/Metropolis-Medium.woff2') format('woff2'),
       url('../fonts/metropolis/Metropolis-Medium.otf') format('opentype');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Metropolis';
  src: url('../fonts/web/Metropolis-SemiBold.woff2') format('woff2'),
       url('../fonts/metropolis/Metropolis-SemiBold.otf') format('opentype');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Metropolis';
  src: url('../fonts/web/Metropolis-Bold.woff2') format('woff2'),
       url('../fonts/metropolis/Metropolis-Bold.otf') format('opentype');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Metropolis';
  src: url('../fonts/web/Metropolis-Black.woff2') format('woff2'),
       url('../fonts/metropolis/Metropolis-Black.otf') format('opentype');
  font-weight: 900; font-style: normal; font-display: swap;
}

/* ── JAGUAR (single weight; range stops the browser faux-bolding it) ── */
@font-face {
  font-family: 'Jaguar';
  src: url('../fonts/web/Jaguar.woff2') format('woff2'),
       url('../fonts/Jaguar Font/jaguar.otf') format('opentype');
  font-weight: 100 900; font-style: normal; font-display: swap;
}

:root {
  --font-display: 'Jaguar', 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Metropolis', 'DM Sans', 'Helvetica Neue', Arial, sans-serif;
}