/* ==========================================================================
   HaberCMS Tema Değişkenleri
   EsenHaber demo8 paleti üzerinden tasarlandı (Poppins/Inter, kırmızı-lacivert).
   ========================================================================== */

:root {
	/* Tipografi */
	--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	--font-heading: "Poppins", "Inter", -apple-system, BlinkMacSystemFont,
		"Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	--font-size: 1rem;
	--line-height: 1.5;

	/* Açık tema renkleri */
	--white: #fff;
	--black: #000;
	--surface: #fff;
	--surface-alt: #f4f6f8;
	--text: #212529;
	--text-secondary: rgba(62, 73, 89, 0.9);
	--text-muted: #616875;
	--text-faint: rgba(200, 203, 210, 0.9);

	/* Marka renkleri — EsenHaber */
	--brand: #e00000;
	--brand-dark: #b30000;
	--red: #e00000;
	--esh-red: #dd0000;
	--brand-navy: #0a192e;
	--brand-navy-2: #12233c;
	--blue: #005ae8;
	--blue-dark: #004aba;
	--green: #00bc4b;
	--teal: #00c9d3;
	--yellow: #f4ce26;
	--turquaz: #00f1ff;

	/* Açık tema çerçeve arka planı (içerik beyaz kartlar üzerinde) */
	--page-bg: #f4f6f8;

	/* Gri tonlama */
	--grey-50: #f8f8f8;
	--grey-100: #f5f7f9;
	--grey-200: #f0f2f5;
	--grey-300: #e9ecef;
	--grey-400: #ced4da;
	--grey-500: #dee2e6;

	/* Kenarlıklar */
	--border: #e5e8ec;
	--border-strong: rgba(62, 73, 89, 0.25);
	--border-subtle: #e2e5e9;
	--border-color: #e5e8ec;

	/* Semantik bileşen renkleri (author, comments, gallery, arama) */
	--heading: #1f2430;
	--muted: #616875;
	--surface-2: #f5f7f9;
	--shadow: 0 4px 16px rgba(62, 73, 89, 0.08);

	/* Efektler */
	--sep-color: rgba(62, 73, 89, 0.6);
	--shadow-color: rgba(62, 73, 89, 0.6);
	--icon-color: #1c274c;
	--logo-color: #3e4959;

	/* Bölümler */
	--sport-bg: #0d1a2e;
	--doviz-bg: #0a192e;

	/* Yarıçap */
	--radius: 6px;
	--radius-md: 10px;

	/* Boşluklar */
	--gutter: 1.25rem;

	/* İçerik genişliği — esen-container (1220px) */
	--container-w: 1220px;

	/* Header yüksekliği — EsenHaber tek satır navigasyon */
	--header-h: 75px;
}