/*
 * Живосвіт — токени напрямку «Польовий щоденник».
 *
 * Єдиний файл, де живуть кольори. Решта стилів бере значення лише через
 * var(--zhsv-*) або var(--osn-*).
 *
 * Палітра: лляний папір щоденника, мох як акцент (посилання, кнопки, бирки)
 * і небесна синь як другий колір — на показниках інструментів: години,
 * кілометри, відсотки. Контраст перевірено: мох на папері 5.5:1, синь 6.2:1,
 * приглушене чорнило 6.4:1, біле на моху 6.3:1.
 *
 * Патерни: hero H9 «обрій», заголовки S9 «ізолінія», бирки B9, картки
 * C30 «листок», C31 «етикетка», C32 «стежка»; картка стрічки — `lystok`.
 */

:root {
	/* Гарнітури: Alegreya — гуманістичний серif польових записників, Nunito Sans — м'який текст */
	--zhsv-font-display: "Alegreya", Georgia, "Times New Roman", serif;
	--zhsv-font-body: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

	/* Мох */
	--zhsv-accent: #486a1c;
	--zhsv-accent-hover: #36511a;
	--zhsv-accent-soft: #e3ead2;
	--zhsv-accent-contrast: #ffffff;

	/* Небо — показники інструментів */
	--zhsv-sky: #2a5d84;
	--zhsv-sky-soft: #e1eaf1;
	--zhsv-night: #1f2a44;
	--zhsv-moon: #f4ecd2;

	/* Чорнило */
	--zhsv-ink: #1c2619;
	--zhsv-ink-muted: #4f5a48;
	--zhsv-ink-faint: #666e5f;

	/* Папір */
	--zhsv-bg: #f5f1e6;
	--zhsv-surface: #fffcf5;
	--zhsv-surface-alt: #ebe5d3;
	--zhsv-line: #dcd4bf;
	--zhsv-line-strong: #c4b99d;

	/* Типи подій календаря */
	--zhsv-kind-ptakhy: #2a5d84;
	--zhsv-kind-roslyny: #486a1c;
	--zhsv-kind-zviri: #7a4f24;
	--zhsv-kind-plazuny: #23705f;
	--zhsv-kind-komakhy: #8a5a12;
	--zhsv-kind-pohoda: #4d5a68;
	--zhsv-kind-nebo: #3b3f8f;

	/* Рівні якості повітря, УФ і пилку: фон + колір тексту на ньому */
	--zhsv-lvl1: #3f7f46;
	--zhsv-lvl1-ink: #ffffff;
	--zhsv-lvl2: #9bb53a;
	--zhsv-lvl2-ink: #1c2619;
	--zhsv-lvl3: #d8a31f;
	--zhsv-lvl3-ink: #1c2619;
	--zhsv-lvl4: #e0803a;
	--zhsv-lvl4-ink: #1c2619;
	--zhsv-lvl5: #b6362f;
	--zhsv-lvl5-ink: #ffffff;
	--zhsv-lvl6: #7a2a6a;
	--zhsv-lvl6-ink: #ffffff;

	/* Правильна й неправильна відповідь у вікторині */
	--zhsv-yes: #3f7f46;
	--zhsv-no: #b6362f;

	/* Форма: «листові» кути — два великі по діагоналі, два малі */
	--zhsv-r-sm: 4px;
	--zhsv-r-md: 10px;
	--zhsv-r-lg: 18px;
	--zhsv-r-leaf: 22px 4px 22px 4px;
	--zhsv-r-pill: 999px;

	--zhsv-shadow-sm: 0 1px 2px rgba(28, 38, 25, .07);
	--zhsv-shadow-md: 0 10px 28px -12px rgba(28, 38, 25, .22);

	--zhsv-space: 8px;
	--zhsv-container: 1240px;

	/* Перевизначення токенів Osnova — скін батька підхоплює палітру сам */
	--osn-font-display: var(--zhsv-font-display);
	--osn-font-body: var(--zhsv-font-body);
	--osn-accent: var(--zhsv-accent);
	--osn-accent-hover: var(--zhsv-accent-hover);
	--osn-accent-soft: var(--zhsv-accent-soft);
	--osn-accent-contrast: var(--zhsv-accent-contrast);
	--osn-ink: var(--zhsv-ink);
	--osn-ink-muted: var(--zhsv-ink-muted);
	--osn-ink-faint: var(--zhsv-ink-faint);
	--osn-bg: var(--zhsv-bg);
	--osn-surface: var(--zhsv-surface);
	--osn-surface-alt: var(--zhsv-surface-alt);
	--osn-line: var(--zhsv-line);
	--osn-line-strong: var(--zhsv-line-strong);
	--osn-r-sm: var(--zhsv-r-sm);
	--osn-r-md: var(--zhsv-r-md);
	--osn-r-lg: var(--zhsv-r-lg);
	--osn-shadow-sm: var(--zhsv-shadow-sm);
	--osn-shadow-md: var(--zhsv-shadow-md);
	--osn-container: var(--zhsv-container);
	--osn-fs-body: 17.5px;
	--osn-lh-body: 1.7;
	--osn-logo-height: 46px;
	--osn-track-caps: .08em;
}