/* ── ritter & bader · Typography ────────────────────────────
   One family — Open Sans — across the whole product. Headings are
   Bold (700), often at 100% line-height (tight). Overlines are
   SemiBold, upper-case, wide-tracked, in accent blue. Body runs at
   1.5 line-height. Values transcribed verbatim from the Startseite
   and AMB frames — non-round sizes (17.33, 42.67, 18.67) are the
   design, do not snap them.
   ---------------------------------------------------------------- */

:root {
  --font-sans: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-body: var(--font-sans);
  --font-heading: var(--font-sans);

  /* weights */
  --fw-regular: 400; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold: 700; /* @kind font */

  /* type scale (px, verbatim from source) */
  --fs-hero: 72px;        /* H1 hero */
  --fs-h1: 48px;          /* section title */
  --fs-h2: 42.67px;       /* block title (news) */
  --fs-h3: 32px;          /* card / form title */
  --fs-h4: 24px;          /* card heading */
  --fs-lead: 24px;        /* hero lead paragraph */
  --fs-body-lg: 18.67px;
  --fs-body: 17.33px;     /* default body / labels */
  --fs-body-sm: 15px;
  --fs-eyebrow: 17.33px;  /* overline */
  --fs-button: 14px;
  --fs-button-lg: 18.67px;
  --fs-badge: 16px;
  --fs-caption: 13px;     /* utility bar / legal */

  /* line-heights */
  --lh-tight: 1 /* @kind font */;          /* headings — 100% */
  --lh-hero: 1.15 /* @kind font */;
  --lh-snug: 1.25 /* @kind font */;
  --lh-body: 1.5 /* @kind font */;

  /* tracking */
  --ls-eyebrow: 2.667px;
  --ls-button: 1.5px;
  --ls-button-lg: 2px;
  --ls-badge: 1.733px;
}