/* Pikkuvihreä 2027 — design tokens.
 * Source: design/pikkuvihrea-2027-facelift/tokens.css + approved design board 1e
 * ("Komponentit ja tokenit"). Custom properties only: this file must not style
 * anything by itself. Components use these in assets/pv2027.css (phase 1+).
 */
:root {
	/* Colour */
	--pv-green: #57A047;       /* brand surface, icons, large display. 3.22:1 on white — not for body text */
	--pv-green-ink: #437D37;   /* buttons, small fills; white text on it 4.97:1 */
	--pv-green-dark: #335F2A;  /* headings, links, hover, dark surfaces; 7.47:1 white / 6.08:1 beige */
	--pv-beige: #F3E6D5;       /* boxes, top bar */
	--pv-grey: #F4F4F4;        /* neutral section (accessories) */
	--pv-black: #000000;       /* body text, navigation */
	--pv-white: #FFFFFF;
	--pv-sale: #C42838;        /* darkened from the theme's #EF4857 for text (~5.6:1). Tarjoukset only */

	/* Type — Poppins is already loaded by the parent */
	--pv-font: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
	--pv-h1: 700 72px/1.1 var(--pv-font);   --pv-h1-track: -1.8px;
	--pv-h2: 700 36px/1.2 var(--pv-font);   --pv-h2-track: -0.8px;
	--pv-h2-tile: 700 30px/1.2 var(--pv-font);
	--pv-h3: 700 22px/1.3 var(--pv-font);
	--pv-body: 400 15px/1.6 var(--pv-font); /* body rises 14 -> 15 px in the facelift */
	--pv-eyebrow: 500 13px/1.4 var(--pv-font);

	/* Shape */
	--pv-radius: 0;
	--pv-radius-pill: 50px;  /* search field only */
}