@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{
--font-sans:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
--font-mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;
--text-display-xl:600 56px/1.1 var(--font-sans);
--text-display-l:600 40px/1.15 var(--font-sans);
--text-display-m:600 32px/1.2 var(--font-sans);
--text-heading-l:600 24px/1.3 var(--font-sans);
--text-heading-m:600 20px/1.35 var(--font-sans);
--text-heading-s:600 16px/1.4 var(--font-sans);
--text-body-l:400 16px/1.55 var(--font-sans);
--text-body-m:400 14px/1.55 var(--font-sans);
--text-body-s:400 13px/1.5 var(--font-sans);
--text-label:500 13px/1.3 var(--font-sans);
--text-caption:400 12px/1.4 var(--font-sans);
--text-mono-m:400 13px/1.5 var(--font-mono);
--letter-spacing-tight:-0.01em;
--letter-spacing-wide:0.03em;
}