/**
 * Дизайн-токени (:root) та змінні адмін-панелі WP.
 *
 * @package adstorm
 */

:root {
	--black: #0a0a0a;
	--white: #ffffff;
	--gray-100: #f5f5f5;
	--gray-200: #e8e8e8;
	--gray-300: #cfcfcf;
	--gray-400: #b3b3b3;
	--gray-500: #888888;
	--gray-600: #666666;
	--font: "Montserrat", sans-serif;
	--c: 1160px;
	--section-gap: 100px;
	--section-gap-m: 56px;
	--b: 1px solid rgba(255, 255, 255, 0.08);
	/* Фіксована шапка + (опційно) панель WP */
	--nav-h: 60px;
	--admin-bar-h: 0px;
	/* Банер adStorm «PL/SK вимкнено» під адмін-тулбаром */
	--adstorm-ml-banner-h: 0px;

	/*
	 * Фото на сайті — два канони (змінювати лише тут):
	 * 1) обкладинки карток статей блогу — клас `adstorm-blog-card-photo` на <img>;
	 * 2) портрети людей (команда, відгуки, аватар автора) — `img`/`.avatar` у відповідних блоках + `.adstorm-person-thumb`.
	 */
	--adstorm-blog-card-photo-filter: grayscale(100%) brightness(0.55) contrast(1.1);
	--adstorm-blog-card-photo-filter-hover: grayscale(100%) brightness(0.45) contrast(1.15);
	--adstorm-blog-card-photo-transition: transform 0.5s ease, filter 0.4s ease;
	--adstorm-blog-card-photo-transform-hover: scale(1.04);

	--adstorm-person-photo-object-position: center top;
	--adstorm-person-photo-filter: grayscale(1) brightness(0.6) contrast(1.1);
	--adstorm-person-photo-filter-hover: grayscale(1) brightness(0.68) contrast(1.08);
	--adstorm-person-photo-transition: filter 0.35s ease, transform 0.35s ease;
	--adstorm-person-photo-transform: scale(1.02);
	--adstorm-person-photo-transform-hover: scale(1.05);
	--adstorm-person-photo-border: 1px solid rgba(255, 255, 255, 0.08);
	--adstorm-person-photo-bg: #0a0a0a;
}

body.adstorm-multilang-admin-banner {
	--adstorm-ml-banner-h: 38px;
}

/* WordPress: logged-in toolbar (32px desktop, 46px ≤782px) */
body.admin-bar {
	--admin-bar-h: 32px;
}

@media screen and (max-width: 782px) {
	body.admin-bar {
		--admin-bar-h: 46px;
	}
}