/* NN Nitti Grotesk. Heading cut for headings, Text Regular for body,
   Text Bold for strong, Text Medium for interactive components (buttons, tabs, links in UI). */
:root{
  --font-heading:"NN Nitti Grotesk Heading","NN Nitti Grotesk","Helvetica Neue",Arial,sans-serif;
  --font-body:"NN Nitti Grotesk","Helvetica Neue",Arial,sans-serif;
  --weight-regular:400; /* @kind font */
  --weight-medium:500; /* @kind font */ /* interactive components */
  --weight-bold:700; /* @kind font */ /* strong body text */

  /* Heading scale, T-shirt sizes. 3XL/2XL/XL are responsive (small → large viewport). */
  --heading-3xl:clamp(40px,5vw,56px); /* @kind font */
  --heading-2xl:clamp(32px,4vw,44px); /* @kind font */
  --heading-xl:clamp(28px,3vw,32px); /* @kind font */
  --heading-lg:24px; /* @kind font */
  --heading-md:20px; /* @kind font */
  --heading-sm:18px; /* @kind font */
  --heading-xs:16px; /* @kind font */

  /* Body scale — L for leads, M default (16px), S sparingly (14px, 11pt in print) */
  --bodytext-lg:20px; /* @kind font */
  --bodytext-md:16px; /* @kind font */
  --bodytext-sm:14px; /* @kind font */

  --line-height-heading:1.2; /* @kind other */
  --line-height-body:1.5; /* @kind other */ /* 1.5× font size, always */
  --measure-max:75ch; /* @kind other */ /* paragraphs never wider than 75 characters */
  --tracking-heading:-.01em; /* @kind other */
  --tracking-caps:.08em; /* @kind other */
}