/* =========================================================
   Design-Tokens — Privatpraxis Hannover Mitte
   Джерело: ТЗ v2 §2 (Дизайн-система) + макет «UI Kit - Header Footer».
   Змінюємо дизайн ТІЛЬКИ тут — компоненти не містять сирих значень.
   ========================================================= */

:root {
	/* ---- Кольори (ТЗ §2.1, п.10 Додатку 1) ---- */
	--phm-primary-dark: #0E534F;   /* кнопки, темна панель, заголовки */
	--phm-primary: #2E6A63;        /* hover, іконки, акценти */
	--phm-mint: #E2F1EE;           /* світлі підкладки */
	--phm-beige: #F6F3EF;          /* основний фон */
	--phm-rose: #D8C6BD;           /* делікатні розділювачі */
	--phm-text: #4C4C4C;           /* текст */
	--phm-white: #FFFFFF;          /* картки */
	--phm-shell: #EDE9E3;          /* фон за межами контейнера */

	/* ---- Типографіка (ТЗ §2.2) ---- */
	--phm-font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
	--phm-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;

	--phm-h1: 60px;
	--phm-h2: 42px;
	--phm-h3: 24px;
	--phm-body: 17px;
	--phm-body-lh: 1.75;           /* пряма вимога клієнтки замість 1.5 */

	--phm-eyebrow-size: 13px;
	--phm-eyebrow-ls: 0.14em;
	--phm-btn-ls: 0.08em;
	--phm-brand-ls: 0.16em;

	/* ---- Сітка й повітря (ТЗ §2.3) ---- */

	/* Контейнер: 1264 = 1200 контенту + 2×32 бокових полів.
	   У макеті немає reset, тому max-width:1200 + padding:32 рахується як
	   content-box і дає рівно 1200px контенту (чипи по 136px, підвал 1264).
	   У нас border-box, тож щоб збігтися з макетом, зовнішня ширина 1264. */
	--phm-container: 1264px;
	--phm-gutter: 32px;

	/* Проміжок між пунктами головного меню (у макеті 36px) */
	--phm-nav-gap: 26px;

	/* Проміжок між зонами шапки: меню ↔ мова ↔ кнопка */
	--phm-header-gap: 24px;
	--phm-section-y: 120px;        /* tablet 80 / mobile 56 — нижче */
	--phm-gap: 32px;
	--phm-card-padding: 40px;
	--phm-measure: 62ch;           /* максимум 62 символи в рядку */

	/* ---- Форма ---- */
	--phm-radius: 14px;            /* картки */
	--phm-radius-btn: 4px;         /* кнопки */
	--phm-shadow-card: 0 2px 20px rgba(14, 83, 79, 0.06);
	--phm-shadow-card-strong: 0 2px 20px rgba(14, 83, 79, 0.10);
	--phm-shadow-header: 0 1px 0 rgba(14, 83, 79, 0.10), 0 6px 24px rgba(14, 83, 79, 0.05);

	/* ---- Шапка ---- */
	--phm-header-h: 104px;         /* стан «ruhend» */
	--phm-header-h-compact: 68px;  /* стан «gescrollt» */

	/* Автоперенос за складами: manual (як у макеті) або auto (ТЗ §7) */
	--phm-hyphens: manual;

	/* ---- Рух ---- */
	--phm-ease: cubic-bezier(0.4, 0, 0.2, 1);
	--phm-ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);   /* поява елементів */
	--phm-dur: 0.25s;
}

/* Брейкпоінти ТЗ §2.5: 1440 · 1024 · 767 · 480 */

@media (max-width: 1024px) {
	:root {
		--phm-h1: 44px;
		--phm-h2: 34px;
		--phm-section-y: 80px;
		--phm-card-padding: 32px;
	}
}

@media (max-width: 767px) {
	:root {
		--phm-h1: 36px;
		--phm-h2: 28px;
		--phm-h3: 20px;
		--phm-section-y: 56px;
		--phm-gap: 20px;
		--phm-card-padding: 28px;
		--phm-gutter: 20px;
	}
}

@media (max-width: 480px) {
	:root {
		--phm-h1: 34px;
	}
}