/* Typography — families, ramps, and the typo-* role tokens.
   Role tokens set family + size + line-height + weight together; never mix a typo-* role
   with a loose size or leading. Roles scale up at the lg (1024px) breakpoint. */
:root{
--font-body:"Open Sans",sans-serif;
--font-title:"optima-nova-lt-pro",sans-serif;
--font-subtitle:"Open Sans",sans-serif;
--font-script:"bright-gesture",cursive;

--font-weight-normal:normal;
--font-weight-regular:normal;
--font-weight-bold:700;
--font-weight-black:900;

--text-xs:11px;
--text-sm:13px;
--text-base:16px;
--text-lg:20px;
--text-xl:25px;
--text-2xl:32px;
--text-3xl:40px;
--text-4xl:48px;
--text-5xl:62px;

--leading-none:1;
--leading-xs:15px;
--leading-sm:18px;
--leading-base:22px;
--leading-lg:24px;
--leading-xl:30px;
--leading-2xl:38px;
--leading-3xl:48px;
--leading-4xl:58px;
--leading-5xl:74px;

--typo-h1-font-family:var(--font-title);--typo-h1-font-size:var(--text-4xl);--typo-h1-line-height:var(--leading-4xl);--typo-h1-font-weight:var(--font-weight-regular);
--typo-h2-font-family:var(--font-title);--typo-h2-font-size:var(--text-3xl);--typo-h2-line-height:var(--leading-3xl);--typo-h2-font-weight:var(--font-weight-regular);
--typo-h3-font-family:var(--font-title);--typo-h3-font-size:var(--text-2xl);--typo-h3-line-height:var(--leading-2xl);--typo-h3-font-weight:var(--font-weight-regular);
--typo-h4-font-family:var(--font-title);--typo-h4-font-size:var(--text-lg);--typo-h4-line-height:var(--leading-lg);--typo-h4-font-weight:var(--font-weight-regular);
--typo-h5-font-family:var(--font-subtitle);--typo-h5-font-size:var(--text-base);--typo-h5-line-height:var(--leading-base);--typo-h5-font-weight:var(--font-weight-bold);
--typo-b1-font-family:var(--font-body);--typo-b1-font-size:var(--text-base);--typo-b1-line-height:var(--leading-base);
--typo-b2-font-family:var(--font-body);--typo-b2-font-size:var(--text-sm);--typo-b2-line-height:var(--leading-sm);
--typo-b3-font-family:var(--font-body);--typo-b3-font-size:var(--text-xs);--typo-b3-line-height:var(--leading-xs);
--typo-label-font-family:var(--font-body);--typo-label-font-size:var(--text-base);--typo-label-line-height:var(--leading-base);
--typo-label-sm-font-family:var(--font-body);--typo-label-sm-font-size:var(--text-sm);--typo-label-sm-line-height:var(--leading-base);
--typo-label-lg-font-family:var(--font-body);--typo-label-lg-font-size:var(--text-lg);--typo-label-lg-line-height:var(--leading-base);
}
@media (min-width:1024px){:root{
--typo-h1-font-size:var(--text-5xl);--typo-h1-line-height:var(--leading-5xl);
--typo-h2-font-size:var(--text-4xl);--typo-h2-line-height:var(--leading-4xl);
--typo-h3-font-size:var(--text-3xl);--typo-h3-line-height:var(--leading-3xl);
--typo-h4-font-size:var(--text-xl);--typo-h4-line-height:var(--leading-xl);
--typo-h5-font-size:var(--text-lg);--typo-h5-line-height:var(--leading-lg);
--typo-label-font-weight:var(--font-weight-bold);
--typo-label-lg-font-weight:var(--font-weight-bold);
}}