/**
 * Self-hosted web fonts (latin subset, woff2 only).
 *
 * Downloaded from Google Fonts and served from this theme so no request
 * leaves the site's origin (performance + privacy). font-display: swap
 * avoids invisible text while fonts load.
 *
 * FreightDisp Pro — display face for large headings and pull quotes
 *             (the --font-display / Tailwind `font-display` face as of
 *             Aug 2026). Ships true 400 (Book) and 700 (Bold) faces below,
 *             so font-normal and font-bold both resolve to real weights.
 * DM Serif Display — former display face, kept loaded (400 + italic) for
 *             backwards compatibility; no longer referenced by --font-display.
 */

@font-face {
  font-family: 'DM Serif Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/dm-serif-display-400-latin.woff2') format('woff2');
}

@font-face {
  font-family: 'DM Serif Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/dm-serif-display-400-italic-latin.woff2') format('woff2');
}

/**
 * FreightDisplay (added Aug 2026) — display serif for headings, kept alongside
 * DM Serif Display. Only the faces actually used in designs are shipped
 * (matching the woff2-lean convention above); add more weights here as needed.
 *
 * IMPORTANT — family names. Figma/Canvas emits the PostScript-derived family
 * name, not the file or typographic-family name, e.g.
 *     .banner-1g__title { font-family: 'FreightDisp Pro'; font-weight: 700; }
 * so the @font-face family descriptors below MUST match those exact strings:
 *   FreightDisplay            -> 'FreightDisp Pro'
 *   FreightDisplayCompressed  -> 'FreightDispCmp Pro'
 * Also reachable via font-freight / font-freight-compressed (tailwind.config.js)
 * and --font-freight* (theme/style.css). Freight ships real weights, so
 * font-weight resolves to a true face — no faux synthesis.
 */

/* FreightDisp Pro — Book (400) + Book Italic.
   This is the display face's regular weight (FreightDisplay "Book"), used by
   the many headings that apply `font-normal` (font-display defaults here).
   Added Aug 2026 when FreightDisp Pro replaced DM Serif Display as the
   --font-display face — DM Serif shipped only a 400, so the design pairs the
   display face with font-normal throughout; this gives those a true 400. */
@font-face {
  font-family: 'FreightDisp Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/FreightDisplay-Book.woff2') format('woff2'),
       url('../fonts/FreightDisplay-Book.woff') format('woff');
}

@font-face {
  font-family: 'FreightDisp Pro';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/FreightDisplay-BookItalic.woff2') format('woff2'),
       url('../fonts/FreightDisplay-BookItalic.woff') format('woff');
}

/* FreightDisp Pro — Bold (700), used by the base h1–h3 / .content-body
   headings that apply font-bold. */
@font-face {
  font-family: 'FreightDisp Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/FreightDisplay-Bold.woff2') format('woff2'),
       url('../fonts/FreightDisplay-Bold.woff') format('woff');
}

/* FreightDispCmp Pro — Black (900) + Black Italic */
@font-face {
  font-family: 'FreightDispCmp Pro';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/FreightDisplayCompressed-Black.woff2') format('woff2'),
       url('../fonts/FreightDisplayCompressed-Black.woff') format('woff');
}

@font-face {
  font-family: 'FreightDispCmp Pro';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/FreightDisplayCompressed-BlackItalic.woff2') format('woff2'),
       url('../fonts/FreightDisplayCompressed-BlackItalic.woff') format('woff');
}

/**
 * Plus Jakarta Sans (added Aug 2026) — body/UI face used in the v3 designs
 * (e.g. .banner-1g__description). Self-hosted latin subset from Fontsource
 * (Google Fonts, OFL). 400/500/600/700 self-hosted — Jakarta is the global
 * body/UI face (Tailwind `font-primary` / `font-jakarta`), so it ships the
 * same weight set Poppins did to keep nav-medium and bold text true-faced.
 * Reachable via font-jakarta (tailwind.config.js) / --font-jakarta (style.css)
 * or the literal family name 'Plus Jakarta Sans' that Canvas components emit.
 */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/plus-jakarta-sans-400-latin.woff2') format('woff2');
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/plus-jakarta-sans-600-latin.woff2') format('woff2');
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/plus-jakarta-sans-500-latin.woff2') format('woff2');
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/plus-jakarta-sans-700-latin.woff2') format('woff2');
}