/* ==========================================================================
   ДИЗАЙН-ТОКЕНИ
   Єдине джерело правди для кольорів, типографіки та сітки.
   У WP-темі цей файл підключається першим (wp_enqueue_style).
   ========================================================================== */

:root {

	/* --- Кольори ------------------------------------------------------- */
	--c-blue:        #2e4578;   /* основний акцент, заголовки, кнопки */
	--c-blue-dark:   #273b66;   /* градієнт на банері */
	--c-blue-light:  #3a5490;   /* hover основної кнопки */
	--c-brown:       #805300;   /* підписи, шапки карток розкладу */
	--c-brown-dark:  #593900;   /* фон футера */
	--c-ochre:       #c98710;   /* назва парафії, активні стани */
	--c-cream:       #fffbf0;   /* фон карток і секцій */
	--c-white:       #fff;
	--c-ink:         #000;      /* основний текст */
	--c-ink-muted:   #55565a;   /* другорядний текст (читання, дати) */
	--c-muted:       #bdbdbd;   /* копірайт у футері */
	--c-live:        #cc0504;   /* індикатор прямої трансляції */
	--c-line:        rgba(0, 0, 0, .12);
	--c-line-light:  rgba(255, 255, 255, .25);

	/* золотий градієнт орнаментів і акцентних смуг */
	--gold-h: linear-gradient(90deg, #e7ba68 0%, #ffedb6 51.4%, #e7ba68 100%);
	--gold-v: linear-gradient(180deg, #e7ba68 0%, #ffedb6 51.4%, #e7ba68 100%);

	/* --- Типографіка --------------------------------------------------- */
	--font-display: 'Cormorant SC', 'Times New Roman', serif;
	--font-body:    'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--font-ui:      'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

	/* плавні розміри: 375px → 1440px */
	--fs-h1:   clamp(1.75rem, 1.266rem + 2.07vw, 3.125rem);  /* 28 → 50 */
	--fs-h2:   clamp(1.5rem,  1.104rem + 1.69vw, 2.625rem);  /* 24 → 42 */
	--fs-h3:   clamp(1.25rem, 1.074rem + 0.75vw, 1.75rem);   /* 20 → 28 */
	--fs-lead: clamp(1rem,    0.956rem + 0.19vw, 1.125rem);  /* 16 → 18 */
	--fs-body: 1rem;                                          /* 16 */
	--fs-sm:   0.875rem;                                      /* 14 */
	--fs-xs:   0.75rem;                                       /* 12 */

	/* --- Сітка й ритм --------------------------------------------------- */
	--container:  1300px;
	--gutter:     1rem;
	--section-py: 3.5rem;

	/* --- Ефекти --------------------------------------------------------- */
	--shadow-card: 0 4px 4px rgba(0, 0, 0, .25);
	--transition:  .25s ease;

	/* --- Розміри елементів ---------------------------------------------- */
	--header-bar-h: 3.5rem;
}

@media (min-width: 768px) {
	:root {
		--gutter: 2rem;
		--section-py: 4.5rem;
	}
}

@media (min-width: 1280px) {
	:root {
		--gutter: 2.5rem;
		--section-py: 5.625rem;
	}
}