:root{
/* Families */
--font-sans:var(--font-primary);
--font-serif-display:var(--font-display);
--font-body:var(--font-primary);

/* Weights — Anek is used light. Nothing above 500 in brand layouts. */
--fw-light:300; /* @kind font */
--fw-regular:400; /* @kind font */
--fw-medium:500; /* @kind font */

/* Scale — clay-pinch ratio ~1.28, generous and calm */
--fs-display-xl:clamp(56px,8vw,112px); /* @kind font */
--fs-display-l:clamp(44px,5.6vw,80px); /* @kind font */
--fs-display-m:clamp(34px,4vw,56px); /* @kind font */
--fs-h1:40px; /* @kind font */
--fs-h2:32px; /* @kind font */
--fs-h3:24px; /* @kind font */
--fs-h4:20px; /* @kind font */
--fs-body-l:19px; /* @kind font */
--fs-body:17px; /* @kind font */
--fs-body-s:15px; /* @kind font */
--fs-caption:13px; /* @kind font */
--fs-eyebrow:12px; /* @kind font */

/* Line heights — airy for body, tight for display */
--lh-display:0.98; /* @kind font */
--lh-heading:1.12; /* @kind font */
--lh-body:1.62; /* @kind font */
--lh-tight:1.35; /* @kind font */

/* Tracking */
--ls-display:-0.02em; /* @kind font */
--ls-heading:-0.01em; /* @kind font */
--ls-body:0; /* @kind font */
--ls-eyebrow:0.18em; /* @kind font */
--ls-wordmark:0.24em; /* @kind font */

/* Named roles */
--type-display:var(--fw-light) var(--fs-display-l)/var(--lh-display) var(--font-sans); /* @kind font */
--type-display-italic:italic var(--fw-regular) var(--fs-display-l)/var(--lh-display) var(--font-serif-display); /* @kind font */
--type-h2:var(--fw-light) var(--fs-h2)/var(--lh-heading) var(--font-sans); /* @kind font */
--type-body:var(--fw-light) var(--fs-body)/var(--lh-body) var(--font-body); /* @kind font */
--type-caption:var(--fw-regular) var(--fs-caption)/var(--lh-tight) var(--font-body); /* @kind font */
}