/* Spoot type scale — values verbatim from constants/theme.ts (Typography) */
:root{
--font-display:"Manrope",system-ui,sans-serif;   /* titles, labels, numerals */
--font-body:"Plus Jakarta Sans",system-ui,sans-serif;

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

/* display / headline — always Manrope */
--type-display-lg:700 32px/40px var(--font-display);
--type-display-md:700 26px/34px var(--font-display);
--type-headline-lg:700 22px/28px var(--font-display);
--type-headline-md:600 18px/24px var(--font-display);
--type-headline-sm:600 16px/22px var(--font-display);

/* title — Manrope, UI rows and card names */
--type-title-lg:600 16px/22px var(--font-display);
--type-title-md:500 14px/20px var(--font-display);
--type-title-sm:600 13px/18px var(--font-display);

/* body — always Plus Jakarta Sans */
--type-body-lg:400 16px/24px var(--font-body);
--type-body-md:400 14px/20px var(--font-body);
--type-body-sm:400 12px/16px var(--font-body);

/* label — Plus Jakarta Sans Medium by default, Manrope Bold when emphasised */
--type-label-lg:500 13px/18px var(--font-body);
--type-label-md:500 11px/16px var(--font-body);
--type-label-sm:500 10px/14px var(--font-body);

/* one-off literals that appear in product code */
--type-brand-wordmark:700 52px/58px var(--font-display);  /* splash "spoot" */
--type-rating-hero:700 56px/64px var(--font-display);     /* RatingSlider value */
--tracking-eyebrow:0.5px;      /* SPOTTO POLECA, section eyebrows */
--tracking-tagline:1.5px;      /* splash tagline */
--tracking-chart-label:0.8px;  /* KUCHNIA / KLIMAT / PORA DNIA */
}