/* So-ee type tokens — sizes from So-ee.md `typography:`; display face is the supplied Londrina Solid (tracking 0).
   --type-<role> is a `font` shorthand; pair it with --type-<role>-tracking. */
:root{
--font-display:"Londrina Solid","Arial Rounded MT Bold",system-ui,sans-serif;
--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;  /* system mono — spec labels only */
--weight-regular:400;
--weight-medium:500;
--weight-display-thin:100;
--weight-display-light:300;
--weight-display-black:900;

--type-display-xl-size:64px;--type-display-xl-line:1.05;--type-display-xl-tracking:0;
--type-display-xl:400 64px/1.05 var(--font-display);
--type-display-lg-size:48px;--type-display-lg-line:1.1;--type-display-lg-tracking:0;
--type-display-lg:400 48px/1.1 var(--font-display);
--type-display-md-size:36px;--type-display-md-line:1.15;--type-display-md-tracking:0;
--type-display-md:400 36px/1.15 var(--font-display);
--type-display-sm-size:28px;--type-display-sm-line:1.2;--type-display-sm-tracking:0;
--type-display-sm:400 28px/1.2 var(--font-display);

--type-price-size:24px;--type-price-line:1;--type-price-tracking:0;
--type-price:400 24px/1 var(--font-display);

--type-title-lg-size:22px;--type-title-lg-line:1.3;--type-title-lg-tracking:0;
--type-title-lg:500 22px/1.3 var(--font-sans);
--type-title-md-size:18px;--type-title-md-line:1.4;--type-title-md-tracking:0;
--type-title-md:500 18px/1.4 var(--font-sans);
--type-title-sm-size:16px;--type-title-sm-line:1.4;--type-title-sm-tracking:0;
--type-title-sm:500 16px/1.4 var(--font-sans);

--type-body-md-size:16px;--type-body-md-line:1.55;--type-body-md-tracking:0;
--type-body-md:400 16px/1.55 var(--font-sans);
--type-body-sm-size:14px;--type-body-sm-line:1.55;--type-body-sm-tracking:0;
--type-body-sm:400 14px/1.55 var(--font-sans);

--type-caption-size:13px;--type-caption-line:1.4;--type-caption-tracking:0;
--type-caption:500 13px/1.4 var(--font-sans);
--type-caption-uppercase-size:12px;--type-caption-uppercase-line:1.4;--type-caption-uppercase-tracking:1.5px;
--type-caption-uppercase:500 12px/1.4 var(--font-sans);

--type-button-size:14px;--type-button-line:1;--type-button-tracking:0;
--type-button:500 14px/1 var(--font-sans);
--type-nav-link-size:14px;--type-nav-link-line:1.4;--type-nav-link-tracking:0;
--type-nav-link:500 14px/1.4 var(--font-sans);
}

/* Role classes for static HTML */
.type-display-xl{font:var(--type-display-xl);letter-spacing:var(--type-display-xl-tracking)}
.type-display-lg{font:var(--type-display-lg);letter-spacing:var(--type-display-lg-tracking)}
.type-display-md{font:var(--type-display-md);letter-spacing:var(--type-display-md-tracking)}
.type-display-sm{font:var(--type-display-sm);letter-spacing:var(--type-display-sm-tracking)}
.type-price{font:var(--type-price);color:var(--text-price)}
.type-title-lg{font:var(--type-title-lg)}
.type-title-md{font:var(--type-title-md)}
.type-title-sm{font:var(--type-title-sm)}
.type-body-md{font:var(--type-body-md)}
.type-body-sm{font:var(--type-body-sm)}
.type-caption{font:var(--type-caption)}
.type-caption-uppercase{font:var(--type-caption-uppercase);letter-spacing:var(--type-caption-uppercase-tracking);text-transform:uppercase}
.type-button{font:var(--type-button)}
.type-nav-link{font:var(--type-nav-link)}