/**
 * Temel tipografi ve ortak elemanlar.
 */
body {
	background: var(--ufb-surface);
	color: var(--ufb-text);
	font-family: var(--ufb-font);
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.entry-title {
	color: var(--ufb-head);
	font-family: var(--ufb-font-ui);
	font-weight: 700;
}

/* Sayfa başlıkları ortalı kalır (kart başlıkları cards.css içinde sola alınır). */
.entry-title {
	text-align: center;
}

.entry-content {
	font-size: clamp(16px, .3vw + 15px, 17px);
	line-height: var(--ufb-lh-body);
}

.entry-content a {
	color: var(--ufb-navy-2);
	text-decoration: underline;
	text-decoration-color: var(--ufb-yellow-dark);
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
	transition: color var(--ufb-ease), text-decoration-color var(--ufb-ease);
}

.entry-content a:hover {
	color: var(--ufb-navy);
	text-decoration-color: var(--ufb-navy);
}

/* Klavye odağı: her etkileşimli öğede görünür. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
	outline: var(--ufb-focus);
	outline-offset: 2px;
}

.gridlove-header-wrapper a:focus-visible,
.gridlove-header-sticky a:focus-visible,
.gridlove-header-responsive a:focus-visible,
.ufb-hero a:focus-visible {
	outline: var(--ufb-focus-on-dark);
}

/* Koyu zeminli eski sayfa */
.page-id-16523 {
	background-color: var(--ufb-navy);
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		transition-duration: .01ms !important; /* Kullanıcı tercihi tüm animasyonları geçersiz kılmalı. */
		animation-duration: .01ms !important;
	}
}