/* TonoMoto type system — loaded on every page after the Google Fonts link.
   Sora 700–800: headlines, prices, big numbers, the "tonomoto" wordmark (header + sticker).
   Manrope 600–800: everything else (body, labels, buttons, pills, chips).
   Only those weights are loaded, so lighter weights requested by older rules resolve to the
   nearest loaded face (400/500 → Manrope 600; 600 → Sora 700; 900 → 800). */
:root{
  --font-sans:"Manrope","IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-display:"Sora","Manrope",system-ui,sans-serif;
}
html,body{font-family:var(--font-sans)}
button,input,select,textarea{font-family:inherit}

/* Headlines */
:is(h1,h2,h3,
  .hero-titles h1,#heroTitle,
  .screen-title,.nav-title,.step-title,.welcome-title,
  .bottom-sheet .title,.header-checkout .title,
  .auth-title,.tm-alert-form-title,.tm-order-empty-title,
  .listing-header-desktop h1,.listing-header-mobile h1,
  .account-page-header h1){font-family:var(--font-display)}

/* Prices and big numbers */
:is(.price,.huge-price,.cr-price,.mc-price,.rc-price,.rb-total,.ad-price,.mcs-val,
  .price-da,.tm-price-main,.tm-order-price-val,.price-comparison-amount,
  .hist-prices strong,.dz-detail-sheet .price-da,.checkout-total strong,.dossier-bg-price,
  .otp-container input){font-family:var(--font-display);font-variant-numeric:tabular-nums}
/* Fake text carets are drawn at weight 300, which neither brand face ships; keep them on the system font so they stay thin. */
.cursor-blink,.fake-caret{font-family:system-ui,sans-serif}

/* Wordmark: header brand on every tab, login/onboarding, and the sticker (print + preview) */
:is(.brand .wm,.platform-header .platform-brand,.auth-wordmark,.header-wordmark,
  .brand-text,.print-brand,.esp-brand,.tm-order-sticker-brand){font-family:var(--font-display);font-weight:800}