/* =====================================================================
   SITE FONTS: change the font for every Houston Safar page here.
   Every page in /safar loads this file last, so it overrides their fonts.
   Lisan ud Dawat (Arabic-script) text keeps its own font and is not affected.

   HOW TO CHANGE THE FONT
   1. Pick a font at fonts.google.com, e.g. "Montserrat".
   2. Replace "Figtree" in the @import line below with the new name
      (spaces become +, e.g. family=Plus+Jakarta+Sans:wght@400..800).
   3. Put the same name first in --font-main below.

   Good Proxima Nova / Aptos look-alikes on Google Fonts:
     Figtree (default)  /  Montserrat  /  Mulish  /  Nunito Sans  /  Plus Jakarta Sans

   Want real Proxima Nova? It is a paid font. With an Adobe Fonts kit, replace the
   @import line with:  @import url("https://use.typekit.net/YOURKIT.css");
   and put "proxima-nova" first in --font-main.
   ===================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800;900&display=swap");

/* Lisan ud Dawat / Arabic script: Fatemi Maqala, served from this site (/safar/fonts/).
   SIL Open Font License, see fonts/OFL-FatemiMaqala.txt. Source: github.com/abdealikhurrum/fatemimaqala-googlefonts
   size-adjust: raise above 100% if the Lisan ud Dawat text looks small next to English. */
@font-face{
  font-family: "Fatemi Maqala";
  src: url("/safar/fonts/FatemiMaqala-Arabic.woff") format("woff");
  font-weight: 400 900;
  font-display: swap;
  size-adjust: 100%;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200F, U+FB50-FDFF, U+FE70-FEFF;
}

:root{
  /* Main text, buttons and labels. Fallbacks are tried left to right. */
  --font-main: "Figtree", "Proxima Nova", "proxima-nova", "Aptos", "Segoe UI", system-ui, -apple-system, sans-serif;
  /* Big headings and titles. Use var(--font-main) to match the body text, or name another font. */
  --font-heading: var(--font-main);
  /* Times and numbers. */
  --font-numbers: var(--font-main);
  /* Lisan ud Dawat / Arabic text. Put "Noto Naskh Arabic" first to switch back. */
  --font-ld: "Fatemi Maqala", "Figtree", "Noto Naskh Arabic", "Geeza Pro", sans-serif;
  /* Heading weight: 600 = semibold, 700 = bold, 800 = extra bold. */
  --heading-weight: 700;

  /* ---- no need to edit below this line ---- */
  --body: var(--font-main);
  --display: var(--font-heading);
  --mono: var(--font-numbers);
  --ld: var(--font-ld);
}

/* Apply everywhere, including pages that name fonts directly */
body, button, input, select, textarea, .top a, .top small{ font-family: var(--font-main); }
h1, .hero h1, header.dh h1, .ah h1, .login h1, .brand, .top a.brand, h2{ font-family: var(--font-heading) !important; }
h1, .hero h1, header.dh h1, .ah h1, .login h1, .brand{ font-weight: var(--heading-weight) !important; letter-spacing: -0.015em; }
h2{ font-weight: var(--heading-weight); }
.hero h1 small{ font-weight: 600; letter-spacing: 0; }
.tm, .tm span, .cd b, .num, .tag, .lk, code, time{ font-family: var(--font-numbers); font-variant-numeric: tabular-nums; }
.ttl, .ldh, .ldh small, .ldl, .l, input.ld, textarea.ld, [lang="ar"]{ font-family: var(--font-ld); }
.ttl, .ldh, .ldl{ font-weight: 400; }