/*
 * Osnova — токени оформлення.
 *
 * Єдине місце, де живуть значення. Дочірня тема перевизначає потрібні на
 * :root у власному стилі й не чіпає решту:
 *
 *     :root { --osn-accent: #b8400f; --osn-font-body: "Inter", sans-serif; }
 *
 * Каркас (osnova-structure.css) користується лише розмірними токенами, тож
 * лишається робочим навіть якщо скін знято.
 */

:root {
	/* Гарнітури */
	--osn-font-display: system-ui, -apple-system, "Segoe UI", sans-serif;
	--osn-font-body: system-ui, -apple-system, "Segoe UI", sans-serif;
	--osn-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;

	/* Акцент */
	--osn-accent: #2f6f6a;
	--osn-accent-hover: #23534f;
	--osn-accent-soft: #e6f0ef;
	--osn-accent-contrast: #ffffff;

	/* Чорнило */
	--osn-ink: #16191c;
	--osn-ink-muted: #5a6169;
	--osn-ink-faint: #878e96;
	--osn-ink-invert: #ffffff;

	/* Поверхні */
	--osn-bg: #ffffff;
	--osn-surface: #ffffff;
	--osn-surface-alt: #f4f6f7;
	--osn-line: #e0e4e7;
	--osn-line-strong: #c4cad0;

	/* Радіуси */
	--osn-r-sm: 3px;
	--osn-r-md: 6px;
	--osn-r-lg: 10px;
	--osn-r-pill: 999px;

	/* Тіні */
	--osn-shadow-sm: 0 1px 2px rgba(22, 25, 28, .06);
	--osn-shadow-md: 0 6px 20px rgba(22, 25, 28, .08);

	/* Сітка — цим користується каркас */
	--osn-space: 8px;
	--osn-container: 1240px;
	--osn-gutter: 24px;
	--osn-gap: 48px;
	--osn-sidebar: 320px;
	--osn-prose: 68ch;
	--osn-logo-height: 44px;

	/* Типографіка */
	--osn-fs-body: 17px;
	--osn-fs-small: 14px;
	--osn-fs-meta: 13px;
	--osn-fs-kicker: 12px;
	--osn-lh-body: 1.65;
	--osn-track-caps: .07em;
}