/*
 * 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: "Hanken Grotesk";
	src: url("../fonts/hanken-grotesk.woff2") format("woff2");
	font-weight: 400 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Big Shoulders Display";
	src: url("../fonts/big-shoulders-display-black.woff2") format("woff2");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Didact Gothic";
	src: url("../fonts/didact-gothic.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

:root {
	--smm-primary: var(--wp--preset--color--palette-color-1);
	--smm-primary-hover: var(--wp--preset--color--palette-color-2);
	--smm-text: var(--wp--preset--color--palette-color-3);
	--smm-heading: var(--wp--preset--color--palette-color-4);
	--smm-line: var(--wp--preset--color--palette-color-5);
	--smm-surface: var(--wp--preset--color--palette-color-6);
	--smm-bg: var(--wp--preset--color--palette-color-7);
	--smm-base: var(--wp--preset--color--palette-color-8);
	--smm-on-primary: var(--wp--preset--color--on-primary);
	--smm-accent: var(--wp--preset--color--accent);
	--smm-surface-dark: var(--wp--preset--color--surface-dark);
	--smm-on-surface-dark: var(--wp--preset--color--on-surface-dark);
	--smm-error: var(--wp--preset--color--error);
	--smm-success: var(--wp--preset--color--success);
	--smm-input-border: var(--wp--custom--color--input-border);
	--smm-highlight: var(--wp--preset--color--highlight);
	--smm-muted: var(--wp--preset--color--muted);
	--smm-muted-dark: var(--wp--preset--color--muted-dark);
	--smm-footer: var(--wp--preset--color--footer);

	--smm-font-body: var(--wp--preset--font-family--body);
	--smm-font-heading: var(--wp--preset--font-family--heading);
	--smm-font-label: var(--wp--preset--font-family--label);
	--smm-fs-label: var(--wp--preset--font-size--label);

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

	--smm-lh-text: 1.6;
	--smm-lh-heading: 1;
	--smm-lh-display: 1;

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

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

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

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

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

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