/*
 * et-webfonts.css — the Epoch Times @font-face set for ORDINARY PAGES (REQ-1266).
 *
 * One job: declare the eleven ET faces spec §6's type table needs (plus the two the
 * envelope page adds) so the current Home and shared game bar on
 * /game-v0 resolve to real ET letterforms. It styles no elements.
 *
 * WHY IT LIVES HERE, next to card-fonts.css rather than inside a page's own app dir:
 * CSS cannot use the server-substituted app-base-path token (the server substitutes HTML
 * and JS only — see the meta tag in apps/game/index.html), so a stylesheet's font URLs
 * must be RELATIVE and must resolve under
 * every mount that serves them. The ET woff2 binaries are the vendored tree in ./fonts/,
 * which is served at /cards/fonts/… (root static of apps/game/), at /game-v0/cards/fonts/…
 * (the /game-v0 mount), and from both cards/ copies in the static deploy. Sitting in the
 * SAME directory as fonts/ is what makes one relative URL correct in all of them. No font
 * binary is copied for this file — it points at the already-committed, already-deployed
 * vendored faces (all eleven verified byte-identical to the designer's drop at
 * docs/specs/2026-07-28_fonts/).
 *
 * WHY IT IS NOT card-fonts.css (the sibling in this folder — leave that one alone):
 *   - font-display: swap here vs. block there. block is deliberate for the card renderer,
 *     whose title-fitting math measures real letterforms (REQ-962's live bug); an ordinary
 *     page wants text visible immediately in a fallback and swapped when the face lands.
 *   - Family naming: this file uses the normal CSS weight/style axes ('ET Sans' + 700),
 *     matching docs/specs/2026-07-27_desktop-home-screen/envelope-reference.html and the
 *     REQ-1260 tokens. card-fonts.css puts the weight in the family name ("ET Sans Bold")
 *     because it transcribes the card build spec's literal face strings.
 *   Both conventions can coexist: a family name is just a key, and the two sets never mix.
 *
 * PATH GOTCHA: ET Text lives under "Webfonts/" (no space) while every other family uses
 * "Web Fonts/" — hence the differing %20 encoding below.
 *
 * woff2 only: these are same-origin brand faces for evergreen browsers, and woff2 is the
 * format the designer supplied; the vendored tree's woff siblings are left to card-fonts.css.
 */

/* ---- ET Sans: row status/best time (400), counters/buttons/links (500), hero date,
   table headings, row dates and the help "?" (700). ---- */
@font-face {
  font-family: 'ET Sans';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Sans/ET%20Sans/Web%20Fonts/woff2/ETSans-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'ET Sans';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Sans/ET%20Sans/Web%20Fonts/woff2/ETSans-Medium.woff2') format('woff2');
}

@font-face {
  font-family: 'ET Sans';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Sans/ET%20Sans/Web%20Fonts/woff2/ETSans-Bold.woff2') format('woff2');
}

/* ---- ET Sans TV: the "Mailman Gus" caption. ---- */
@font-face {
  font-family: 'ET Sans TV';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Sans/ET%20Sans%20TV/Web%20Fonts/woff2/ETSansTV-Medium.woff2') format('woff2');
}

/* ---- ET Text: the mailman's message (700 — the family ships no SemiBold cut, so Bold is
   the designer-settled substitute), "Week of …" (400 italic), the envelope postmark year
   (700 italic), and 400 as the upright companion. ---- */
@font-face {
  font-family: 'ET Text';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Serifs/ET%20Text/Webfonts/woff2/ETText-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'ET Text';
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url('fonts/Serifs/ET%20Text/Webfonts/woff2/ETText-RegularItalic.woff2') format('woff2');
}

@font-face {
  font-family: 'ET Text';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Serifs/ET%20Text/Webfonts/woff2/ETText-Bold.woff2') format('woff2');
}

@font-face {
  font-family: 'ET Text';
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url('fonts/Serifs/ET%20Text/Webfonts/woff2/ETText-BoldItalic.woff2') format('woff2');
}

/* ---- ET Headline: the "GAMES" masthead and "Honor Board" (500); the envelope page's
   italic accents (400 italic). ---- */
@font-face {
  font-family: 'ET Headline';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Serifs/ET%20Headline/Web%20Fonts/woff2/ETHeadline-Medium.woff2') format('woff2');
}

@font-face {
  font-family: 'ET Headline';
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url('fonts/Serifs/ET%20Headline/Web%20Fonts/woff2/ETHeadline-RegularItalic.woff2') format('woff2');
}

/* ---- ET Title Slab: the game title bar ("Spot the Difference"). ---- */
@font-face {
  font-family: 'ET Title Slab';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('fonts/Serifs/ET%20Title/Slab/Web%20Fonts/woff2/ETTitle-Slab.woff2') format('woff2');
}