/*
 * Krótkie nazwy tokenów rdzenia, takie jak w prototypach (--c-*, --fs-*, --pad...).
 * Wartości pochodzą z theme.json motywu potomnego, więc CSS wzorców pisze się
 * tymi samymi nazwami w każdym projekcie.
 */
:root {
	--c-bg: var(--wp--preset--color--bg);
	--c-surface: var(--wp--preset--color--surface);
	--c-surface-2: var(--wp--preset--color--surface-2);
	--c-surface-3: var(--wp--preset--color--surface-3);
	--c-ink: var(--wp--preset--color--ink);
	--c-ink-2: var(--wp--preset--color--ink-2);
	--c-ink-3: var(--wp--preset--color--ink-3);
	--c-line: var(--wp--preset--color--line);
	--c-line-2: var(--wp--preset--color--line-2);
	--c-accent: var(--wp--preset--color--accent);
	--c-signal: var(--wp--preset--color--signal);

	--f-sans: var(--wp--preset--font-family--sans);
	--f-mono: var(--wp--preset--font-family--mono);

	--fs-sm: var(--wp--preset--font-size--sm);
	--fs-body: var(--wp--preset--font-size--body);
	--fs-lead: var(--wp--preset--font-size--lead);
	--fs-h3: var(--wp--preset--font-size--h-3);
	--fs-h2: var(--wp--preset--font-size--h-2);
	--fs-statement: var(--wp--preset--font-size--statement);
	--fs-quote: var(--wp--preset--font-size--quote);
	--fs-h1: var(--wp--preset--font-size--h-1);

	--pad: var(--wp--preset--spacing--pad);
	--sec: var(--wp--preset--spacing--sec);
	--r-md: var(--wp--preset--border-radius--md);
	--r-lg: var(--wp--preset--border-radius--lg);
	--max: var(--wp--custom--max);
	--hdr: var(--wp--custom--hdr);
	--ease: var(--wp--custom--ease);
}