:root {
	/* Marka paleti (serietvturche.com yeniden tasarımı, 2026-08) */
	--brand-navy: #102F59;
	--brand-red: #ED1B2F;
	--brand-turquoise: #00A4AA;
	--text-dark: #101828;
	--background-light: #F5F7FA;
	--white: #FFFFFF;

	--color-primary: var(--brand-turquoise);
	--color-primary-dark: #007D82;
	--color-secondary: var(--brand-navy);
	--color-navy: var(--brand-navy);
	--color-accent-red: var(--brand-red);
	--color-heading: var(--text-dark);
	--color-text: var(--text-dark);
	--color-muted: #64748B;
	--color-border: #E2E8F0;
	--color-background: var(--background-light);
	--color-card: var(--white);

	--container-width: 1200px;
	--header-height: 80px;

	--header-bg: var(--white);
	--header-border: #E2E8F0;
	--header-accent: var(--brand-turquoise);
	--header-accent-soft: #E3F4F4;
	--header-surface: #F4F6F8;
	--header-muted: #6B7280;
	--header-text: var(--text-dark);

	--radius-small: 6px;
	--radius-medium: 8px;
	--radius-md: 8px;
	--radius-large: 14px;

	--shadow-card: 0 1px 2px rgba(11, 19, 43, 0.06), 0 4px 12px rgba(11, 19, 43, 0.06);
	--shadow-card-hover: 0 6px 20px rgba(11, 19, 43, 0.12);

	--transition: all 0.25s ease;
}

* {
	box-sizing: border-box;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

html {
	-webkit-text-size-adjust: 100%;
}

body {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	background-color: var(--color-background);
	color: var(--color-text);
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	line-height: 1.5;
}

body.mobile-menu-open,
body.tg-modal-open {
	overflow: hidden;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

a {
	color: inherit;
	text-decoration: none;
}

button {
	font-family: inherit;
}

h1, h2, h3, h4, h5, h6 {
	color: var(--color-heading);
	margin: 0;
}

.tg-container {
	max-width: var(--container-width);
	margin: 0 auto;
	padding: 0 16px;
}

.tg-grid { display: grid; gap: 16px; }
.tg-grid-3 { grid-template-columns: repeat(3, 1fr); }
/* margin-top/-bottom ayrı ayrı verildi ("margin: 16px 0" kısayolu değil) —
 * kısayol sağ/sol kenar boşluğunu 0'a sabitleyip .tg-container'ın kendi
 * ortalama kuralını (margin: 0 auto) eziyordu; bu yüzden bu class'la birlikte
 * kullanılan .tg-container'lar (ör. header/footer reklam sarmalayıcıları)
 * sayfanın soluna yapışıyordu. */
.tg-my-4 { margin-top: 16px; margin-bottom: 16px; }
.tg-py-8 { padding: 32px 0; }

.tg-line-clamp-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 100000;
	background: var(--color-primary);
	color: #fff;
	padding: 12px 20px;
	border-radius: 0 0 var(--radius-small) 0;
}

.skip-link:focus {
	left: 0;
}

:focus-visible {
	outline: 2px solid var(--color-primary);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}