/* ============================================================
   Lynch Property Services — Typography tokens
   Brand font is GOTHAM (Hoefler & Co, commercial — used on the
   letterhead as "Gotham Book"). Gotham is not web-free, so this
   system substitutes MONTSERRAT, the standard geometric-sans
   stand-in for Gotham. Swap the @font-face / family if licensed
   Gotham webfonts become available.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap');

:root {
  /* ---- Families ---- */
  --font-sans: 'Montserrat', 'Gotham', 'Century Gothic', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: var(--font-sans); /* headlines use the same geometric sans, heavier weights */
  --font-mono: 'SFMono-Regular', 'Menlo', 'Consolas', monospace;

  /* ---- Weights ---- */
  --fw-light: 300;     /* @kind font */
  --fw-regular: 400;   /* @kind font */
  --fw-medium: 500;    /* @kind font */
  --fw-semibold: 600;  /* @kind font */
  --fw-bold: 700;      /* @kind font */
  --fw-extrabold: 800; /* @kind font */
  --fw-black: 900;     /* @kind font */ /* "LYNCH" wordmark weight */

  /* ---- Type scale (1.25 major-third-ish, tuned) ---- */
  --fs-display: 4rem;     /* 64px — hero */
  --fs-h1: 3rem;          /* 48px */
  --fs-h2: 2.25rem;       /* 36px */
  --fs-h3: 1.625rem;      /* 26px */
  --fs-h4: 1.25rem;       /* 20px */
  --fs-lg: 1.125rem;      /* 18px */
  --fs-body: 1rem;        /* 16px */
  --fs-sm: 0.875rem;      /* 14px */
  --fs-xs: 0.75rem;       /* 12px */

  /* ---- Line heights ---- */
  --lh-tight: 1.05;   /* @kind font */
  --lh-snug: 1.2;     /* @kind font */
  --lh-normal: 1.5;   /* @kind font */
  --lh-relaxed: 1.65; /* @kind font */

  /* ---- Letter spacing ----
     The wordmark "PROPERTY SERVICES" is set in WIDE tracked caps.
     Use --ls-wide / --ls-wider for eyebrows, labels and overlines. */
  --ls-tightest: -0.02em; /* @kind font */
  --ls-tight: -0.01em;    /* @kind font */
  --ls-normal: 0;         /* @kind font */
  --ls-wide: 0.08em;      /* @kind font */
  --ls-wider: 0.18em;     /* @kind font */ /* brand eyebrow / overline tracking */
}