:root{
/* Families — three-voice system from src/index.css */
--font-heading:'Aboreto',system-ui,sans-serif;
--font-subheading:'Frank Ruhl Libre',serif;
--font-body:'Plus Jakarta Sans',sans-serif;

/* Tailwind v4 default scale, as consumed by the source markup */
--text-xs:0.75rem;
--text-sm:0.875rem;
--text-base:1rem;
--text-lg:1.125rem;
--text-xl:1.25rem;
--text-2xl:1.5rem;
--text-3xl:1.875rem;
--text-4xl:2.25rem;
--text-5xl:3rem;
--text-6xl:3.75rem;
--text-7xl:4.5rem;

/* Mobile step-down (<=767px) — the source shrinks body copy but keeps headings large */
--text-xs-mobile:0.65rem;
--text-sm-mobile:0.75rem;
--text-base-mobile:0.875rem;
--text-lg-mobile:1rem;
--text-xl-mobile:1.125rem;
--text-2xl-mobile:1.25rem;

--leading-hero:1.2;
--leading-tight:1.25;
--leading-normal:1.5;
--leading-relaxed:1.625;

--tracking-tight:-0.025em;
--tracking-wide:0.025em;
--tracking-wider:0.05em;
--tracking-widest:0.1em;

--weight-body:400;
--weight-medium:500;
--weight-bold:700;

/* Semantic roles */
--type-display:var(--text-6xl);
--type-h1:var(--text-5xl);
--type-h2:var(--text-3xl);
--type-h3:var(--text-2xl);
--type-lede:var(--text-xl);
--type-body:var(--text-base);
--type-small:var(--text-sm);
--type-micro:var(--text-xs);
}
@media (max-width:767px){:root{
--text-xs:var(--text-xs-mobile);
--text-sm:var(--text-sm-mobile);
--text-base:var(--text-base-mobile);
--text-lg:var(--text-lg-mobile);
--text-xl:var(--text-xl-mobile);
--text-2xl:var(--text-2xl-mobile);
}}