:root{
--font-display:"Cormorant Garamond",ui-serif,Georgia,"Times New Roman",serif;
--font-accent:"Tinos",ui-serif,Georgia,"Times New Roman",serif;
--font-body:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
/* Display sizes are fluid: clamp(mobile, viewport-scaled, desktop). Mobile floor ≈ 55-70% of desktop. */
--text-hero:italic 600 clamp(64px,9vw,120px)/1 var(--font-accent);
--text-display-xl:700 clamp(40px,5vw,60px)/1 var(--font-display);
--text-display-lg:600 clamp(32px,4vw,48px)/1.08 var(--font-display);
--text-display-md:600 clamp(28px,3vw,36px)/1 var(--font-display);
--text-display-sm:600 clamp(22px,2.4vw,28px)/1.14 var(--font-display);
--text-name:700 24px/1.33 var(--font-display);
--text-body-lg:400 20px/1.625 var(--font-body);
--text-body-md:400 18px/1.625 var(--font-body);
--text-body-italic:italic 400 16px/1.83 var(--font-body);
--text-label:700 14px/1.07 var(--font-body);
--text-nav-link:400 14px/1.43 var(--font-body);
/* Active/current nav link: fontWeight 700 + underline (handled by Link's `active` prop). */
--text-eyebrow-letterspace:1px;
/* Body, label, and nav sizes are fixed — they do NOT scale down on mobile (16px+ readability floor). */
}