/* ============================================================
   Steiff Editorial — Typography tokens
   Work Sans for everything. Script face only for the brand mark.
   Headings: bold, black, sentence case, no tracking, no uppercase.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-sans: "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-script: "Caveat", "Pacifico", cursive; /* SUBSTITUTE for proprietary "steiff" brand font */

  /* ---- Weights ---- */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* ---- Type scale (px) ---- */
  --text-display: 64px;   /* hero slogans */
  --text-h1: 42px;        /* section + card titles */
  --text-h2: 32px;
  --text-h3: 24px;
  --text-nav: 18px;       /* main navigation links */
  --text-eyebrow: 16px;   /* overline labels */
  --text-body-size: 16px;
  --text-small: 14px;
  --text-button: 11px;    /* button label */
  --text-micro: 12px;

  /* ---- Line heights ---- */
  --leading-tight: 1.08;
  --leading-snug: 1.2;
  --leading-normal: 1.55;

  /* ---- Letter spacing ---- */
  --tracking-button: 0.44px;  /* buttons + eyebrows when uppercased */
  --tracking-eyebrow: 1.2px;
  --tracking-none: 0;

  /* ---- Semantic roles ---- */
  --type-hero: var(--weight-bold) var(--text-display)/var(--leading-tight) var(--font-sans);
  --type-h1: var(--weight-bold) var(--text-h1)/var(--leading-snug) var(--font-sans);
  --type-body: var(--weight-regular) var(--text-body-size)/var(--leading-normal) var(--font-sans);
  --type-nav: var(--weight-semibold) var(--text-nav)/1.2 var(--font-sans);
}