/*
 * Type scale. A fluid modular scale: 16px x Major Second (1.125) in a 360px space, 18px x Major Third (1.25)
 * in a 1440px space, interpolated on the width of the nearest container (cqi; the viewport when there is none).
 * Headings in a narrow panel or card therefore step down on their own. Below the base size the two ratios
 * cross, so the small steps are fixed. See DESIGN.md and /design-system.
 */
:root {
  --step--2: 0.75rem;   /* 12px: captions, footnotes */
  --step--1: 0.875rem;  /* 14px: interface text, buttons, labels */
  --step-0: clamp(1rem, 0.9583rem + 0.1852cqi, 1.125rem);       /* 16 -> 18: body */
  --step-1: clamp(1.125rem, 1.0312rem + 0.4167cqi, 1.4062rem);  /* 18 -> 22.5: lead, sub heading */
  --step-2: clamp(1.2656rem, 1.1016rem + 0.7292cqi, 1.7578rem); /* 20 -> 28: card heading */
  --step-3: clamp(1.4238rem, 1.166rem + 1.1458cqi, 2.1973rem);  /* 23 -> 35 */
  --step-4: clamp(1.6018rem, 1.2202rem + 1.696cqi, 2.7466rem);  /* 26 -> 44: section heading */
  --step-5: clamp(1.802rem, 1.2583rem + 2.4166cqi, 3.4332rem);  /* 29 -> 55: page heading */
  --step-6: clamp(2.0273rem, 1.2725rem + 3.3544cqi, 4.2915rem); /* 32 -> 69: hero */
  --text-meta: 0.6875rem; /* 11px mono metadata, fixed */

  --font-heading: var(--font-display, Fraunces, Georgia, serif);
  --heading-hero-size: var(--step-6);
  --heading-page-size: var(--step-5);
  --heading-section-size: var(--step-4);
  --heading-card-size: var(--step-2);
  --heading-sub-size: var(--step-1);
  --heading-hero-compact-size: var(--step-4);
  --heading-hero-weight: 450;
  --heading-page-weight: 450;
  --heading-section-weight: 550;
  --heading-card-weight: 450;
  --heading-sub-weight: 450;
  /* Leading tightens as size grows. */
  --heading-hero-leading: 1.06;
  --heading-page-leading: 1.1;
  --heading-section-leading: 1.15;
  --heading-card-leading: 1.25;
  --heading-sub-leading: 1.3;
}