/* Theovya — Type scale. Base 16px = 1rem. Fluid via clamp(). Reference token names, never px. */
:root{
  --type-display-hero:clamp(56px,7vw,96px); /* 800 · lh 1.05 · -0.02em — hero only */
  --type-heading-1:clamp(36px,4vw,56px);    /* 700 · lh 1.1  · -0.01em */
  --type-heading-2:clamp(28px,3vw,40px);    /* 700 · lh 1.15 · -0.01em */
  --type-heading-3:clamp(22px,2.5vw,32px);  /* 600 · lh 1.2 */
  --type-heading-4:clamp(18px,2vw,24px);    /* 600 · lh 1.25 */
  --type-body-lg:18px;                       /* 400 · lh 1.65 */
  --type-body-md:16px;                       /* 400 · lh 1.6 — default body */
  --type-body-sm:14px;                       /* 400 · lh 1.55 */
  --type-label-md:14px;                      /* 600 · lh 1.3 · +0.04em */
  --type-label-sm:12px;                      /* 600 · lh 1.3 · +0.06em — labels/overlines */
  --type-button:14px;                        /* 600 · lh 1   · +0.02em */
  --type-mono:13px;                          /* 400 · lh 1.5 — code only */
}