/*
 * Font faces — ported from burke-williams-booking-kit/base/fonts.css.
 *
 * Barlow + Teodor files are bundled in wwwroot/fonts/.
 * Epilogue-Medium.woff2 / Epilogue-Light.woff2 are NOT YET in the kit —
 * pending sourcing from the UX team/client. These rules are left in place
 * (pointing at the expected filenames) so dropping the real files into
 * wwwroot/fonts/ later requires no further code change. Until then,
 * --font-display falls back to --font-body (Barlow).
 *
 * Every url() carries a manual "?v=N" cache-buster. Font files are plain wwwroot content
 * referenced by a literal path here, not through @Assets[] — so MapStaticAssets never
 * fingerprints them (confirmed: its #[.{fingerprint}]! CSS placeholder is a Razor/JS-asset
 * feature only, it does NOT get resolved in referenced .css files, verified by inspecting an
 * actual dotnet publish output). Same filename in and same filename out means the CDN
 * (Cache-Control: max-age=31536000, i.e. 1 year) and every browser keep serving old bytes
 * after a font file is replaced, with no way to bust that short of a manual Cloudflare purge.
 * The query string works around this at the code level: it's part of the URL, so changing it
 * is a genuine new URL to any cache. NEXT TIME A FONT FILE'S CONTENT CHANGES (not just when
 * adding a new filename), bump every "?v=N" below by 1 — that's what forces a fresh fetch.
 */

@font-face {
  font-family: 'Barlow';
  src: url('../fonts/Barlow-Regular.woff2?v=2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Barlow';
  src: url('../fonts/Barlow-Medium.woff2?v=2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Barlow';
  src: url('../fonts/Barlow-SemiBold.woff2?v=2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Barlow';
  src: url('../fonts/Barlow-Bold.woff2?v=2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Teodor TRIAL';
  src: url('../fonts/Teodor-Regular.woff2?v=2') format('woff2');
  font-weight: 350;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Teodor';
  src: url('../fonts/Teodor-Regular.woff2?v=2') format('woff2');
  font-weight: 350;
  font-style: normal;
  font-display: swap;
}

/* Pending: source Epilogue-Medium.woff2 / Epilogue-Light.woff2 from UX team */
@font-face {
  font-family: 'Epilogue';
  src: url('../fonts/Epilogue-Medium.woff2?v=2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Epilogue';
  src: url('../fonts/Epilogue-Light.woff2?v=2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}