@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Montserrat:wght@400;500;600;700&display=swap');
:root{
--font-display:"Playfair Display",Georgia,serif;
--font-sans:"Montserrat",-apple-system,"Segoe UI",sans-serif;

/* type scale - desktop */
--h1-size:64px;--h1-size-tablet:44px;--h1-size-mobile:34px;
--h2-size:48px;--h2-size-tablet:36px;--h2-size-mobile:28px;
--h3-size:32px;--h3-size-mobile:24px;
--h4-size:22px;
--body-size:18px;
--label-size:14px;

--h1-line:1.1;
--h1-tracking:-1px;
--h2-line:1.2;
--h3-line:1.25;
--h4-line:1.3;
--h4-tracking:1px;
--body-line:1.7;
--label-line:1.4;
--label-tracking:0.5px;

--weight-display-medium:500;
--weight-display-semibold:600;
--weight-display-bold:700;
--weight-sans-regular:400;
--weight-sans-medium:500;
--weight-sans-semibold:600;
--weight-sans-bold:700;
}