:root{
--font-app:'Montserrat',Helvetica,Arial,serif;   /* Vuexy $font-family-sans-serif — logged-in app */
--font-marketing:'Poppins',sans-serif;           /* outer pages: home, features, pricing, blog */
--font-body:var(--font-app);
--font-display:var(--font-marketing);
--fw-light:300; /* @kind font */
--fw-regular:400; /* @kind font */
--fw-medium:500; /* @kind font */
--fw-semibold:600; /* @kind font */
--fw-bold:700; /* @kind font */
--fw-extrabold:800; /* @kind font */
/* App scale (html 14px base) */
--app-fs-base:14px;
--app-lh-base:1.45; /* @kind font */
--app-h1:28px;--app-h2:24px;--app-h3:21px;--app-h4:18px;--app-h5:15px;--app-h6:14px;
--app-fs-sm:12px;--app-fs-xs:10.5px;
/* Marketing scale (≤1600px breakpoint values — the common desktop) */
--mk-hero:40px;        /* .Heading 2.5rem @16px ExtraBold, blue */
--mk-h1:44px;          /* page headings (Pricing, FAQ) SemiBold */
--mk-h2:30px;          /* How it Works heading */
--mk-h3:25px;          /* text+image heading */
--mk-lead:19px;        /* hero sub, Poppins Light */
--mk-body:16px;
--mk-small:14px;
--mk-nav:14px;
}