:root{
/* Display — oversized, tight. Fluid between mobile and 1920 canvases. */
--type-display-1:clamp(4rem,13vw,15rem);
--type-display-2:clamp(3rem,9vw,10rem);
--type-display-3:clamp(2.25rem,6vw,6rem);
--type-title-1:clamp(1.75rem,3.4vw,3.5rem);
--type-title-2:clamp(1.375rem,2.2vw,2.25rem);
--type-title-3:1.25rem;
--type-body-lg:1.125rem;
--type-body:1rem;
--type-body-sm:0.875rem;
--type-meta:0.75rem;
--type-meta-sm:0.6875rem;

/* Weights */
--weight-light:300;
--weight-regular:400;
--weight-medium:500;
--weight-bold:700;
--weight-black:900;

/* Line heights */
--leading-display:0.86;
--leading-title:0.98;
--leading-body:1.55;
--leading-meta:1.35;

/* Tracking */
--tracking-display:-0.035em;
--tracking-title:-0.02em;
--tracking-body:0;
--tracking-meta:0.16em;   /* uppercase metadata */
--tracking-mono:0.06em;

/* Logotype geometry — wordmark is a heavy oblique grotesk */
--display-slant:-8deg; /* @kind other */
}