/* Typography Tokens + the 20 text styles the source file defines.
   Base (unsuffixed) styles are the < 576px ramp; the -lg ramp is applied
   from 576px up, matching the "Heading > 576" / "Body > 576" sections. */
:root{
--font-sans:"Titillium Web",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--font-serif:"Lora",Georgia,"Times New Roman",serif;
--font-mono:"Roboto Mono",SFMono-Regular,Menlo,Monaco,Consolas,monospace;
--font-size-1:14px;--font-size-2:16px;--font-size-3:18px;--font-size-4:20px;--font-size-5:24px;--font-size-6:28px;--font-size-7:32px;--font-size-8:40px;--font-size-9:48px;--font-size-10:56px;
--font-weight-extra-light:200;--font-weight-light:300;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;
--font-line-height-xs:16px;--font-line-height-s:24px;--font-line-height-m:32px;--font-line-height-l:40px;--font-line-height-xl:48px;--font-line-height-xxl:56px;
--font-tracking-tight:-2px;--font-tracking-narrow:-1.3px;--font-tracking-short:-1px;--font-tracking-normal:0px;
}
.text-heading-1,.text-heading-2,.text-heading-3{font-family:var(--font-sans);font-weight:var(--font-weight-bold)}
.text-heading-4,.text-heading-5,.text-heading-6{font-family:var(--font-sans);font-weight:var(--font-weight-semibold)}
.text-heading-1{font-size:40px;line-height:48px;letter-spacing:var(--font-tracking-short)}
.text-heading-2{font-size:32px;line-height:40px;letter-spacing:0}
.text-heading-3{font-size:28px;line-height:32px;letter-spacing:0}
.text-heading-4{font-size:24px;line-height:32px}
.text-heading-5{font-size:20px;line-height:24px}
.text-heading-6{font-size:16px;line-height:24px}
.text-lead{font-family:var(--font-sans);font-weight:var(--font-weight-regular);font-size:20px;line-height:32px}
.text-lead+.text-lead{margin-top:24px}
.text-body-sans{font-family:var(--font-sans);font-weight:var(--font-weight-regular);font-size:16px;line-height:24px}
.text-body-serif{font-family:var(--font-serif);font-weight:var(--font-weight-regular);font-size:16px;line-height:24px}
.text-body-sans+.text-body-sans,.text-body-serif+.text-body-serif{margin-top:16px}
.text-caption-semibold{font-family:var(--font-sans);font-weight:var(--font-weight-semibold);font-size:14px;line-height:16px}
.text-caption-regular{font-family:var(--font-sans);font-weight:var(--font-weight-regular);font-size:14px;line-height:16px}
@media(min-width:576px){
.text-heading-1{font-size:48px;line-height:56px;letter-spacing:var(--font-tracking-short)}
.text-heading-2{font-size:40px;line-height:48px}
.text-heading-3{font-size:32px;line-height:40px}
.text-heading-4{font-size:28px;line-height:32px}
.text-heading-5{font-size:24px;line-height:32px}
.text-heading-6{font-size:18px;line-height:24px}
.text-lead{font-size:24px;line-height:32px}
.text-body-sans{font-size:18px;line-height:28px}
.text-body-serif{font-size:18px;line-height:28px}
}