:root{
/* display (Clash Display, var(--font-display)) — hero moments, milestones, marketing. Bold reserved for the rare xl milestone flash; lg/md stay at Medium so everyday greetings don't compete with it */
--type-display-xl-size:2.75rem;--type-display-xl-lh:1.12;--type-display-xl-weight:700;
--type-display-lg-size:2.25rem;--type-display-lg-lh:1.16;--type-display-lg-weight:500;
--type-display-md-size:1.75rem;--type-display-md-lh:1.22;--type-display-md-weight:500;

/* headings (Clash Display, var(--font-heading)) — screen/section titles. Semibold (not Bold) keeps constant-use chrome calm; Clash's tight apertures already read plenty confident at 600 */
--type-title-lg-size:1.5rem;--type-title-lg-lh:1.28;--type-title-lg-weight:600;
--type-title-md-size:1.25rem;--type-title-md-lh:1.3;--type-title-md-weight:600;
--type-title-sm-size:1.0625rem;--type-title-sm-lh:1.35;--type-title-sm-weight:500;

/* body */
--type-body-lg-size:1.0625rem;--type-body-lg-lh:1.6;--type-body-lg-weight:400;
--type-body-md-size:1rem;--type-body-md-lh:1.55;--type-body-md-weight:400;
--type-body-sm-size:0.875rem;--type-body-sm-lh:1.5;--type-body-sm-weight:400;

/* labels / ui chrome */
--type-label-lg-size:0.9375rem;--type-label-lg-lh:1.3;--type-label-lg-weight:600;
--type-label-md-size:0.8125rem;--type-label-md-lh:1.3;--type-label-md-weight:600;
--type-label-sm-size:0.75rem;--type-label-sm-lh:1.3;--type-label-sm-weight:700;

/* letter-spacing */
--tracking-display:-0.02em;/* Clash Display at xl/lg sizes — tightens its wide geometric shapes */
--tracking-tight:-0.01em;
--tracking-normal:0;
--tracking-wide:0.02em;
--tracking-label:0.04em;
}