/**
 * Design tokens — Editorial Minimal (mockup A).
 * Η μοναδική πηγή αλήθειας για χρώμα, τυπογραφία, ρυθμό και κίνηση.
 * Κανένα hardcoded χρώμα ή μέγεθος πουθενά αλλού.
 */

:root {
	/* ---- ink / surface ---- */
	--zax-ink: #0a0a0a;
	--zax-ink-60: #6b6b6b;
	--zax-ink-30: #b4b4b4;
	--zax-line: #e4e4e4;
	--zax-paper: #ffffff;
	--zax-shell: #f4f3f1;
	--zax-hover: #fafafa;

	/* Το -20% badge και οι τιμές προσφοράς. Μαύρο by design: το editorial
	   δεν φωνάζει με κόκκινο, η έκπτωση διαβάζεται από το strikethrough. */
	--zax-sale: #0a0a0a;

	/* Μόνο για states που πρέπει να ξεχωρίζουν σημασιολογικά. */
	--zax-ok: #2f6b43;
	--zax-err: #a32020;

	/* ---- type ---- */
	--zax-font: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;

	--zax-fs-xs: 10px;
	--zax-fs-sm: 11px;
	--zax-fs-base: 15px;
	--zax-fs-md: 16px;
	--zax-fs-lg: clamp(24px, 3vw, 40px);
	--zax-fs-xl: clamp(26px, 3.4vw, 46px);
	--zax-fs-hero: clamp(38px, 5.4vw, 74px);

	--zax-lh-tight: 1.05;
	--zax-lh-base: 1.6;

	/* Το editorial ζει στα αρνητικά tracking των τίτλων και στα θετικά
	   των micro-labels. Μην τα ανακατεύεις. */
	--zax-track-hero: -0.045em;
	--zax-track-h2: -0.035em;
	--zax-track-label: 0.1em;
	--zax-track-eyebrow: 0.2em;

	/* ---- rhythm ---- */
	--zax-maxw: 1400px;
	--zax-gut: clamp(20px, 4vw, 64px);
	--zax-sec-y: clamp(56px, 7vw, 104px);
	--zax-hdr-h: 68px;

	/* ---- motion ---- */
	--zax-ease: cubic-bezier(0.2, 0.7, 0.3, 1);
	--zax-fast: 0.22s;
	--zax-slow: 0.5s;

	/* ---- z ---- */
	--zax-z-hdr: 50;
	--zax-z-drawer: 60;
}

/* Το editorial δεν χρησιμοποιεί γωνίες ή σκιές. Αν κάποιο plugin τα φέρει,
   τα μηδενίζουμε σημειακά — όχι με καθολικό reset. */