/* ============================================================
   mz-tokens.css — Mezad Design System V1 · temel tokenlar.
   SADECE :root custom property tanimlari. Hicbir element
   secilmez, hicbir gorsel kural yoktur -> siteye sifir gorsel
   etki (Phase 0A kurali: "no visual change").

   Renk degerleri mobil uygulama ile BIREBIR ayni kaynaktan gelir
   (mobile/src/theme.ts). Boylece web ve uygulama tek bir kimligi
   paylasir. Ulkeye/temaya bagli DINAMIK marka renkleri
   (--mz-brand, --mz-vurgu, --mz-fiyat ...) header.php icindeki
   inline :root blogunda, BU dosyadan SONRA basilir; asagidaki
   marka varsayilanlari yalnizca fallback'tir, admin/ulke degeri
   her zaman kazanir (cascade sirasi korunur).

   Tokenlar henuz hicbir bilesende tuketilmez; tuketim sonraki
   fazlarda (list-row, buttons, chips ...) kademeli yapilacaktir.
   ============================================================ */

:root {
	/* ---------- Marka (fallback; admin/ulke ezer) — theme.ts light ---------- */
	--mz-brand: #c0392b;        /* brand */
	--mz-brand-koyu: #a5271b;   /* brandDark — hover/press */
	--mz-brand-yazi: #ffffff;   /* textInverse */
	--mz-accent: #f39c12;       /* accent — "one cikan" / featured */
	--mz-fiyat: #c0392b;        /* fiyat = brand */

	/* ---------- Notr olcek — theme.ts ---------- */
	--mz-ink: #1f2933;          /* text */
	--mz-muted: #7b8794;        /* textMuted */
	--mz-faint: #9aa5ae;
	--mz-cizgi: #e4e7eb;        /* border */
	--mz-zemin: #f4f5f7;        /* bg */
	--mz-yuzey: #ffffff;        /* surface */

	/* ---------- Semantic durumlar — theme.ts ---------- */
	--mz-success: #27ae60;
	--mz-danger: #e74c3c;
	--mz-star: #f5b50a;         /* puan/yildiz */
	--mz-info: #2f7cc4;

	/* ---------- Spacing scale ---------- */
	--mz-space-1: 4px;
	--mz-space-2: 8px;
	--mz-space-3: 12px;
	--mz-space-4: 16px;
	--mz-space-5: 20px;
	--mz-space-6: 24px;
	--mz-space-8: 32px;

	/* ---------- Radius scale ---------- */
	--mz-radius-sm: 8px;
	--mz-radius-md: 12px;
	--mz-radius-lg: 14px;
	--mz-radius-pill: 999px;

	/* ---------- Type scale ---------- */
	--mz-fs-xs: 11px;
	--mz-fs-sm: 12.5px;
	--mz-fs-md: 14px;
	--mz-fs-lg: 16px;
	--mz-fs-xl: 20px;
	--mz-fs-2xl: 26px;
	--mz-lh-tight: 1.25;
	--mz-lh-normal: 1.5;
	--mz-fw-normal: 400;
	--mz-fw-medium: 500;
	--mz-fw-semibold: 600;
	--mz-fw-bold: 700;
	--mz-fw-extrabold: 800;

	/* ---------- Elevation ---------- */
	--mz-shadow-sm: 0 1px 3px rgba(31,41,51,.05);
	--mz-shadow-md: 0 3px 12px rgba(31,41,51,.06);

	/* ---------- Motion ---------- */
	--mz-gecis: .15s ease;
}