/**
 * Tradevend typography — единая система (Onest, шкала Ozon/WB).
 * Onest: локальные woff2 + метрический fallback (см. assets/css/onest.css).
 * Подключается до public.css в index.php.
 */

:root {
	--font-sans: 'Onest', 'Onest Fallback', Arial, sans-serif;
	--font-mono: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;

	--text-xs: 12px;
	--leading-xs: 16px;
	--text-sm: 14px;
	--leading-sm: 20px;
	--text-base: 16px;
	--leading-base: 24px;
	--text-lg: 20px;
	--leading-lg: 28px;
	--text-xl: 24px;
	--leading-xl: 32px;
	--text-2xl: 32px;
	--leading-2xl: 40px;

	--font-normal: 400;
	--font-medium: 500;
	--font-semibold: 600;
	--font-bold: 700;
}

html {
	font-family: var(--font-sans);
	font-size: var(--text-base);
	line-height: calc(var(--leading-base) / var(--text-base));
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-variant-numeric: lining-nums;
	text-size-adjust: 100%;
}

body {
	font-family: var(--font-sans);
	font-size: inherit;
	line-height: inherit;
}

/* Utility scale — маркетплейс */
.text-ui {
	font-family: var(--font-sans);
	font-size: var(--text-sm);
	line-height: var(--leading-sm);
	font-weight: var(--font-medium);
}

.text-body {
	font-family: var(--font-sans);
	font-size: var(--text-base);
	line-height: var(--leading-base);
	font-weight: var(--font-normal);
}

.text-title {
	font-family: var(--font-sans);
	font-size: var(--text-base);
	line-height: var(--leading-base);
	font-weight: var(--font-semibold);
}

.text-price {
	font-family: var(--font-sans);
	font-size: var(--text-lg);
	line-height: var(--leading-lg);
	font-weight: var(--font-bold);
	font-variant-numeric: tabular-nums lining-nums;
}

.text-caption {
	font-family: var(--font-sans);
	font-size: var(--text-xs);
	line-height: var(--leading-xs);
	font-weight: var(--font-normal);
}

.font-sans-token {
	font-family: var(--font-sans);
}

.font-mono-token {
	font-family: var(--font-mono);
}