/* 21°AC typography tokens — brand guidelines §05.
   Space Grotesk = display (headlines, pull quotes, display numerals).
   Inter = body and UI (paragraphs, labels, forms, tables, captions).
   Sentence case everywhere; tracked-caps eyebrows only at 11–12px. */

:root {
  --font-display: 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --font-body:    'Inter', 'Helvetica Neue', Arial, sans-serif;

  /* Weights */
  --weight-regular: 400;
  --weight-medium: 500;       /* default headline weight (Grotesk) */
  --weight-semibold: 600;     /* buttons, labels (Inter) */
  --weight-bold: 700;         /* hero display / rare emphasis */

  /* Type scale — size / line-height / letter-spacing */
  --type-h1: var(--weight-medium) 48px/56px var(--font-display);
  --tracking-h1: -0.02em;

  --type-h2: var(--weight-medium) 32px/40px var(--font-display);
  --tracking-h2: -0.01em;

  --type-h3: var(--weight-medium) 24px/32px var(--font-display);
  --tracking-h3: 0;

  --type-body: var(--weight-regular) 16px/24px var(--font-body);
  --tracking-body: 0;

  --type-caption: var(--weight-regular) 13px/18px var(--font-body);
  --tracking-caption: 0.01em;

  --type-display-numeral: var(--weight-bold) 64px/64px var(--font-display);

  --type-button: var(--weight-semibold) 14px/20px var(--font-body);

  --type-eyebrow: var(--weight-semibold) 11px/16px var(--font-body);
  --tracking-eyebrow: 0.08em;   /* tracked caps, e.g. "NEW", "COMMERCIAL" */
}