/*
 * Fonts for the Stitch-exported pages (home, pricing).
 *
 * Inter and Plus Jakarta Sans are deliberately NOT declared here: they
 * come from next/font in app/layout.tsx, and every stack reads
 * var(--font-inter) / var(--font-jakarta) first. A second @font-face
 * under the plain family name got downloaded as well on Android and in
 * Lighthouse, where next/font's Arial-based fallback does not exist and
 * the browser moves on to the next family in the stack.
 */

@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url(/fonts/jetbrains-mono-latin-variable.woff2) format('woff2');
}

/*
 * Material Symbols Outlined, cut down to the icons the marketing pages
 * use. `block` rather than `swap`: an icon font drawn in a fallback
 * face shows its ligature names ("arrow_forward") until it loads.
 *
 * An icon missing from this subset renders as its name. To add one,
 * regenerate the file from Google Fonts with the new name added to
 * this list (alphabetical) and save it over the woff2:
 *   https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=<list>&display=block
 * Current list: analytics, arrow_forward, autorenew, bolt,
 * card_giftcard, check, check_circle, corporate_fare, credit_card_off,
 * expand_more, grid_on, grid_view, info, location_searching, lock,
 * lock_open, looks_3, manage_search, map, near_me, person,
 * picture_as_pdf, public, radar, rate_review, redeem, remove, savings,
 * schedule, star, storefront, table_chart, task_alt, timer, token,
 * touch_app, trending_up, tune, verified
 */
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url(/fonts/material-symbols-outlined-subset.woff2) format('woff2');
}

/* A fixed 1em box: until the font loads, the ligature text
   ("arrow_forward") is invisible but would still take its full width,
   and the buttons it sits in would shrink when the icon arrives. */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  width: 1em;
  height: 1em;
  overflow: hidden;
  flex-shrink: 0;
}