/* PINAX design tokens, Kafeneio system (village grocer's shopfront).
   Owner: foundation agent. Component sheet: ~/greekpoint-brand/build/KAFENEIO.md

   Contrast (WCAG 2.x, computed):
   ink on paper 14.89 | green on paper 7.77 | grey on paper 6.06 | red on paper 5.00
   paper on green 7.77 | paper on red 5.00 | paper on ink 14.89 | mustard on ink 8.33
   ink on mustard 8.33 | ink on pale 11.56 | green on pale 6.03 | grey on pale 4.70
   LARGE TEXT ONLY (24px+, or 19px+ bold): mustard on green 4.35 | red on pale 3.88
   NEVER: mustard on paper 1.79 | pale on paper 1.29 | red on ink 2.98 | red on green 1.55 | ink on green 1.92 | ink on red 2.98 */
:root {
	/* Palette */
	--px-paper: #F3EDDD;   /* whitewash paper, the ground */
	--px-ink: #1B1A17;     /* sign-writer black */
	--px-green: #1D5236;   /* shutter green */
	--px-red: #BE2E1A;     /* tomato enamel red */
	--px-mustard: #E6A91A; /* mustard enamel, fills only on paper */
	--px-grey: #5C5850;    /* pencil grey, small text on paper and pale */
	--px-pale: #DCD2B8;    /* unpainted region, quiet fills and hairlines */

	/* Type */
	--px-font-display: "Sofia Sans Extra Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;
	--px-font-text: "Sofia Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

	--px-text-xs: 0.8125rem;   /* 13px, ink or green only, never grey */
	--px-text-sm: 0.875rem;    /* 14px, floor for grey */
	--px-text-base: 1.0625rem; /* 17px body */
	--px-text-lg: 1.1875rem;   /* 19px lede */
	--px-h4: 1.375rem;                                        /* 22px display: eyebrows, small signs */
	--px-h3: clamp(1.75rem, 1.45rem + 1vw, 2.25rem);          /* 28 to 36 display */
	--px-h2: clamp(2.75rem, 1.9rem + 3.4vw, 5rem);            /* 44 to 80 display */
	--px-h1: clamp(3rem, 2rem + 4.2vw, 5.25rem);              /* 48 to 84 display */
	--px-wordmark: clamp(6rem, 1rem + 19vw, 25rem);           /* huge Greek ΠΙΝΑΞ */

	/* Space */
	--px-space-1: 0.25rem;
	--px-space-2: 0.5rem;
	--px-space-3: 1rem;
	--px-space-4: 1.5rem;
	--px-space-5: 2.5rem;
	--px-space-6: 4rem;
	--px-space-7: 6.5rem;
	--px-section: clamp(4rem, 2.5rem + 6vw, 8rem);  /* one calm paper section */

	/* Layout */
	--px-wrap: 75.5rem;                    /* content width, 1208px */
	--px-gutter: clamp(1rem, 4vw, 3.5rem); /* side gutter, 16 to 56px */
	--px-rule: 2px solid var(--px-ink);
	--px-rule-heavy: 6px solid var(--px-ink);
	--px-hairline: 1px solid var(--px-pale);
	--px-radius: 4px;       /* buttons */
	--px-radius-plate: 6px; /* enamel plates */
	--px-ease: cubic-bezier(0.2, 0, 0, 1);
	--px-dur: 160ms;

	/* Legacy aliases (pre-Kafeneio names) so sheets not yet rewritten stay in palette.
	   Do not use in new CSS. */
	--px-krokos-violet: var(--px-green);
	--px-stigma-red: var(--px-red);
	--px-pistachio: var(--px-pale);   /* fills and text on green only, never text on paper */
	--px-fir-honey: var(--px-mustard);
	--px-resin: var(--px-paper);
	--px-survey-ink: var(--px-ink);
	--px-ledger-grey: var(--px-grey);
	--px-font-mono: var(--px-font-text); /* codes and prices: Sofia Sans with tabular numbers (.px-mono) */
}