/* ==========================================================================
   Parkland design tokens — type scale
   Loaded on the front end and in wp-admin by parkland-core, ahead of every
   other Parkland stylesheet, so --pk-fs-* is always resolvable.

   Values are rem so they honour the visitor's browser text-size setting.
   Pick the token by role, not by pixel value. These five steps are the
   whole scale; do not add a one-off font-size.

   Token          rem      ~px   Role
   --pk-fs-xs     0.75     12    captions, badges, fine print
   --pk-fs-sm     0.85     14    pills, chips, meta, dense UI
   --pk-fs-base   1        16    body copy, card titles
   --pk-fs-lg     1.25     20    prices, subheads, accordion labels
   --pk-fs-xl     2        32    page titles, heroes

   Relative sizing (em) is still correct for text that must scale with its
   parent: trademark marks, currency symbols and decimals inside a price, and
   the brand/model/details parts of a product title. Leave those as em.

   ---------------------------------------------------------------------------
   Colour

   Token          Value     Role
   --pk-ink       #222      headings, primary text
   --pk-muted     #555      secondary body text, captions
   --pk-border    #e4e4e4   hairline borders, card outlines
   --pk-accent    #58af3d   green accent — links, active state, chips
   --pk-surface   #f5f5f5   neutral surfaces, filter bands
   --pk-ink-invert #fff     text on photography and dark overlays
   ========================================================================== */

:root {
	--pk-fs-xs: 0.75rem;
	--pk-fs-sm: 0.85rem;
	--pk-fs-base: 1rem;
	--pk-fs-lg: 1.25rem;
	--pk-fs-xl: 2rem;

	--pk-ink: #222;
	--pk-muted: #555;
	--pk-border: #e4e4e4;
	--pk-accent: #58af3d;
	--pk-surface: #f5f5f5;
	--pk-ink-invert: #fff;
}