/* Harmatliget — Typography tokens
   Editorial system: a warm system serif (Georgia) for display headings, Inter for
   everything functional (body, eyebrows, nav, buttons). Headings are set tight and
   light; labels are uppercase, heavy, and widely tracked. */
:root {
  /* ---- Families ---- */
  --font-serif: Georgia, "Times New Roman", serif;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --font-display: var(--font-serif);
  --font-body: var(--font-sans);
  --font-label: var(--font-sans);

  /* ---- Base body ---- */
  --text-base-size: 15.5px;
  --text-base-leading: 1.55;

  /* ---- Display scale (serif, weight 400, tight tracking, tight leading) ---- */
  /* hero h1 / section h2 / card h3 */
  --display-1: clamp(3.6rem, 7vw, 6.45rem); /* @kind font */
  --display-2: clamp(2rem, 4vw, 3.75rem); /* @kind font */
  --display-3: clamp(1.72rem, 2.6vw, 2.45rem); /* @kind font */
  --display-weight: 400;
  --display-tracking: -0.045em;
  --display-leading: 0.98;

  /* ---- Eyebrow / label (uppercase, heavy, wide) ---- */
  --eyebrow-size: 0.66rem;
  --eyebrow-weight: 850;
  --eyebrow-tracking: 0.13em;

  /* ---- Nav / button label ---- */
  --label-size: 0.7rem;
  --label-weight: 800;
  --label-tracking: 0.08em;

  /* ---- Lead paragraph ---- */
  --lead-size: 0.98rem;
}