/* =========================================================================
 * Type system — Geist Sans (UI) + Signifier (display serif, Fraunces fallback).
 *
 * Geist is loaded from Google Fonts. Signifier is a paid Klim font; if you
 * have a license, drop the font files into /fonts/signifier/ and they'll
 * load over the @font-face fallback below. Otherwise the stack falls back
 * to Fraunces (Google Fonts), which has a similar contrast and warmth.
 * ====================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Geist:wght@300..700&family=Fraunces:opsz,wght@9..144,300..700&display=swap");

/* Optional self-hosted Signifier — only used if the files exist */
@font-face {
  font-family: "Signifier";
  src: url("/fonts/signifier/Signifier-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Signifier";
  src: url("/fonts/signifier/Signifier-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Signifier";
  src: url("/fonts/signifier/Signifier-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  /* UI / sans — Geist is the primary UI face */
  --font-family-ui: "Geist", -apple-system, BlinkMacSystemFont,
    "Inter", "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-family-sans: var(--font-family-ui);

  /* Display / serif — Signifier with Fraunces as the licensed fallback */
  --font-family-display: "Signifier", "Fraunces", "Source Serif Pro",
    "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-family-serif: var(--font-family-display);
}

body {
  font-family: var(--font-family-ui);
  font-feature-settings: "ss01", "cv11";
}

/* Headlines and hero copy lean on the display serif */
h1, h2, h3,
.hero-canvas__headline,
.article-overview h1,
.article-overview h4 {
  font-family: var(--font-family-display);
  font-feature-settings: "ss01", "lnum";
}

/* Keep tabular numerals tidy in nav badges and stats */
.site-header__kbd,
.work-time,
.location-tag__time {
  font-variant-numeric: tabular-nums;
}