:root {
  --font-display: "Gloock", "Times New Roman", serif;
  --font-sans: "Schibsted Grotesk", "Helvetica Neue", Helvetica, sans-serif;
  --font-mono: "Spline Sans Mono", ui-monospace, Menlo, monospace;

  /* Display — Gloock, single weight (400). Never bold, never all-caps. */
  --type-display-xl: 400 96px/0.96 var(--font-display);
  --type-display-l: 400 72px/1 var(--font-display);
  --type-display-m: 400 52px/1.04 var(--font-display);
  --type-h1: 400 40px/1.1 var(--font-display);
  --type-h2: 400 30px/1.15 var(--font-display);
  --type-h3: 600 20px/1.3 var(--font-sans);
  --type-h4: 600 16px/1.4 var(--font-sans);

  --type-body-l: 400 18px/1.65 var(--font-sans);
  --type-body: 400 16px/1.6 var(--font-sans);
  --type-small: 400 14px/1.55 var(--font-sans);
  --type-caption: 400 13px/1.5 var(--font-sans);
  --type-button: 600 15px/1 var(--font-sans);
  --type-nav: 500 14px/1 var(--font-sans);

  /* Label — mono, uppercase, tracked. Eyebrows, dates, codes, map keys */
  --type-label: 500 11px/1.2 var(--font-mono);
  --type-label-l: 500 12px/1.2 var(--font-mono);
  --tracking-label: 0.14em;
  --tracking-display: -0.01em;
}