/* Falcon brand typeface — Teko Bold, the logo font.
 *
 * Self-hosted rather than pulled from Google so the wordmark renders even when
 * fonts.gstatic.com is blocked or slow, and so no visitor request leaves for a
 * third party. Loaded by the public site, the admin dashboard and the client
 * portal, which is why it lives in its own file instead of any one of them.
 *
 * Latin only by design: the wordmark is always "FALCON", and Teko carries no
 * Arabic glyphs — the unicode-range keeps it from ever being asked to.
 */
@font-face {
  font-family: 'Teko';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/media/teko-latin-700.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Teko';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/media/teko-latinext-700.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
                 U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF,
                 U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  --font-brand: 'Teko', var(--font-display, var(--serif, sans-serif));

  /* Teko carries deep descender space an all-caps wordmark never uses, so its
   * ink sits above the centre of its own line box. Flexbox centres the box,
   * not the ink, which leaves the letters riding high next to the logo mark.
   *
   * Measured on the rendered font: at 25px the ink centre sat 2px above the
   * box centre — 0.08em. Expressed in em so every place the wordmark appears
   * gets the right correction for its own size without a second magic number.
   */
  --brand-optical: 0.08em;
}

/* Teko runs narrow and short in the x-height, so matching the previous optical
 * size means going up in px and adding tracking — not a like-for-like swap. */

/* Public site nav. The html[dir] prefix raises specificity above the design's
 * own rule and its RTL override, both of which set .nav-logo span directly.
 *
 * Teko is a condensed display face: sized like the serif it replaced it reads
 * thin and oddly spaced. It wants to run LARGER with tight tracking — that is
 * the proportion the logo itself uses. */
html .nav-logo span,
html[dir="rtl"] .nav-logo span {
  font-family: var(--font-brand);
  font-size: 27px;
  font-weight: 700;
  letter-spacing: .035em;
  line-height: 1;
  transform: translateY(var(--brand-optical));
}

/* Dashboard + portal sidebar wordmark. */
.brand-word {
  font-family: var(--font-brand);
  font-weight: 700;
  font-size: 1.55rem;
  letter-spacing: .035em;
  line-height: 1;
  color: #fff;
  transform: translateY(var(--brand-optical));
}

/* The portal pairs the wordmark with a small "CLIENT PORTAL" tag that stays in
 * the UI sans — it is a label, not part of the logo. */
.brand-word .text-dim { transform: translateY(calc(var(--brand-optical) * -1)); display: inline-block; }

/* Footer wordmark on the public site, when present. */
html .foot-logo span {
  font-family: var(--font-brand);
  font-size: 27px;
  letter-spacing: .035em;
  line-height: 1;
}