/* Type scale — mobile first, desktop at >=992px (from react/globals.css + DESIGN.md) */
:root{
--font-heading:"Neue Haas Grotesk","Neue Haas Grotesk Display","Helvetica Neue",Helvetica,Arial,sans-serif;
--font-body:"Maison Neue","Helvetica Neue",Helvetica,Arial,sans-serif;
--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:500;
--text-h1:2.75rem;--text-h2:2.5rem;--text-h3:2rem;--text-h4:1.5rem;--text-h5:1.25rem;--text-h6:1.125rem;
--text-large:1.125rem;--text-medium:1rem;--text-regular:.75rem;--text-small:.75rem;--text-tiny:.625rem;
--text-stat:3.5rem;
--leading-h1:1.2;--leading-h2:1.2;--leading-h3:1.2;--leading-h4:1.3;--leading-h5:1.4;--leading-h6:1.4;--leading-body:1.5;--leading-stat:1.3;
--tracking-heading:-0.01em;
}
@media (min-width:768px){:root{--text-stat:4rem}}
@media (min-width:992px){:root{--text-h1:4.5rem;--text-h2:3.25rem;--text-h3:2.75rem;--text-h4:2.25rem;--text-h5:1.75rem;--text-h6:1.375rem;--text-large:1.375rem;--text-medium:1.125rem;--text-regular:1rem;--text-small:.875rem;--text-tiny:.75rem;--text-stat:5rem}}