@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=DM+Mono:wght@300;400;500&display=swap');
:root{
--font-sans:'DM Sans',ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
--font-mono:'DM Mono',ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
--font-icon:'Persona Icon';

--fw-normal:400;/* @kind font */--fw-medium:500;/* @kind font */--fw-semibold:600;/* @kind font */--fw-bold:700;/* @kind font */

--lh-none:1;/* @kind font */--lh-tightest:1.33;/* @kind font */--lh-tighter:1.42;/* @kind font */--lh-tight:1.45;/* @kind font */--lh-normal:1.5;/* @kind font */--lh-wide:normal;/* @kind font */
--ls-tighter:-0.4px;/* @kind font */--ls-tight:-0.2px;/* @kind font */--ls-normal:0;/* @kind font */--ls-wide:0.2px;/* @kind font */--ls-wider:0.4px;/* @kind font */--ls-widest:0.8px;/* @kind font */

/* size scale (px / line-height / tracking) */
--fs-xt:10px;--fs-tn:11px;--fs-xs:12px;--fs-sm:14px;--fs-base:16px;--fs-lg:18px;--fs-xl:20px;--fs-2xl:24px;--fs-4xl:36px;--fs-5xl:48px;--fs-6xl:60px;--fs-7xl:72px;

/* Semantic type roles */
--type-h1:400 72px/normal var(--font-sans);--type-h1-ls:-0.2px;/* @kind font */
--type-h2:400 60px/normal var(--font-sans);--type-h2-ls:-0.2px;/* @kind font */
--type-h3:400 48px/normal var(--font-sans);
--type-h4:500 36px/normal var(--font-sans);
--type-h5:500 24px/normal var(--font-sans);
--type-h6:500 20px/normal var(--font-sans);
--type-subheading:500 16px/1.5 var(--font-sans);
--type-subheading-sm:500 14px/1.42 var(--font-sans);
--type-body:400 16px/1.5 var(--font-sans);
--type-body-2:400 14px/1.42 var(--font-sans);
--type-button:500 16px/1.5 var(--font-sans);
--type-button-2:500 14px/1.42 var(--font-sans);
--type-caption:400 12px/1.33 var(--font-sans);
--type-caption-2:400 11px/1.45 var(--font-sans);
--type-overline:400 11px/1.45 var(--font-sans);
}