/*
 * Tokenai. Vienas šaltinis – specs/tokens.md → theme.json. Čia tik aliasai į WP preset kintamuosius.
 * Šriftas – vietinis woff2 (latin + latin-ext viename faile, be unicode-range), tools/build-fonts.sh.
 */

@font-face {
	font-family: "Familjen Grotesk";
	src: url("../fonts/familjen-grotesk.woff2") format("woff2");
	font-weight: 500 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "IBM Plex Sans";
	src: url("../fonts/ibm-plex-sans.woff2") format("woff2");
	font-weight: 400 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "IBM Plex Mono";
	src: url("../fonts/ibm-plex-mono.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "IBM Plex Mono";
	src: url("../fonts/ibm-plex-mono-medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

:root {
	--pr-primary: var(--wp--preset--color--palette-color-1);
	--pr-primary-hover: var(--wp--preset--color--palette-color-2);
	--pr-text: var(--wp--preset--color--palette-color-3);
	--pr-heading: var(--wp--preset--color--palette-color-4);
	--pr-line: var(--wp--preset--color--palette-color-5);
	--pr-surface: var(--wp--preset--color--palette-color-6);
	--pr-bg: var(--wp--preset--color--palette-color-7);
	--pr-base: var(--wp--preset--color--palette-color-8);
	--pr-on-primary: var(--wp--preset--color--on-primary);
	--pr-accent: var(--wp--preset--color--accent);
	--pr-surface-dark: var(--wp--preset--color--surface-dark);
	--pr-on-surface-dark: var(--wp--preset--color--on-surface-dark);
	--pr-error: var(--wp--preset--color--error);
	--pr-success: var(--wp--preset--color--success);
	--pr-input-border: var(--wp--custom--color--input-border);
	--pr-accent-soft: var(--wp--custom--color--accent-soft);
	--pr-petrol: var(--wp--preset--color--success);
	--pr-petrol-dark: var(--wp--custom--color--petrol-dark);
	--pr-petrol-soft: var(--wp--custom--color--petrol-soft);
	--pr-petrol-light: var(--wp--custom--color--petrol-light);
	--pr-muted: var(--wp--custom--color--muted);
	--pr-line-strong: #C9CCC6;
	--pr-line-dark: #4A4E48;
	--pr-cell: 24px;
	--pr-stroke: 1.5px;

	--pr-font-body: var(--wp--preset--font-family--body);
	--pr-font-heading: var(--wp--preset--font-family--heading);
	--pr-font-mono: var(--wp--preset--font-family--mono);

	--pr-fs-small: var(--wp--preset--font-size--small);
	--pr-fs-base: var(--wp--preset--font-size--base);
	--pr-fs-md: var(--wp--preset--font-size--md);
	--pr-fs-lg: var(--wp--preset--font-size--lg);
	--pr-fs-xl: var(--wp--preset--font-size--xl);
	--pr-fs-2xl: var(--wp--preset--font-size--2-xl);
	--pr-fs-3xl: var(--wp--preset--font-size--3-xl);
	--pr-fs-4xl: var(--wp--preset--font-size--4-xl);

	--pr-lh-text: 1.55;
	--pr-lh-heading: 1.15;
	--pr-lh-display: 1.05;

	--pr-space-20: var(--wp--preset--spacing--20);
	--pr-space-30: var(--wp--preset--spacing--30);
	--pr-space-40: var(--wp--preset--spacing--40);
	--pr-space-50: var(--wp--preset--spacing--50);
	--pr-space-60: var(--wp--preset--spacing--60);
	--pr-space-70: var(--wp--preset--spacing--70);
	--pr-space-80: var(--wp--preset--spacing--80);

	--pr-radius-sm: var(--wp--custom--radius--sm);
	--pr-radius-md: var(--wp--custom--radius--md);
	--pr-radius-lg: var(--wp--custom--radius--lg);
	--pr-radius-xl: var(--wp--custom--radius--xl);
	--pr-radius-pill: var(--wp--custom--radius--pill);

	--pr-shadow-sm: var(--wp--preset--shadow--sm);
	--pr-shadow-md: var(--wp--preset--shadow--md);
	--pr-shadow-lg: var(--wp--preset--shadow--lg);

	--pr-focus-width: var(--wp--custom--focus--width);
	--pr-focus-offset: var(--wp--custom--focus--offset);

	--pr-fast: var(--wp--custom--motion--fast);
	--pr-base-motion: var(--wp--custom--motion--base);
	--pr-slow: var(--wp--custom--motion--slow);
	--pr-ease: var(--wp--custom--motion--ease);

	--pr-tap: var(--wp--custom--tap);
	--pr-content: var(--wp--style--global--content-size, 720px);
	--pr-wide: var(--wp--style--global--wide-size, 1290px);
	--pr-margin: var(--wp--custom--layout--margin);
	--pr-gutter: clamp(1rem, 0.81rem + 0.76vw, 1.5rem);
	--pr-measure: 65ch;
	--pr-header-offset: 96px;
}