@charset "utf-8";
/* ============================================================
   MENUME BAK — Tasarım Tokenları
   Tek renk kaynağı. Başka hiçbir dosyada ham hex kullanılmaz.
   Mobile-first: tüm ölçekler küçük ekran tabanlı, clamp ile büyür.
   ============================================================ */

:root {
	/* ---------- Marka çekirdeği (değiştirilmez) ---------- */
	--brand-burgundy: #6D1D3A;
	--brand-burgundy-light: #8A2548;
	--brand-gold: #C99A3F;
	--brand-gold-light: #D4A852;
	--brand-brown: #8A4F3D;
	--brand-brown-light: #9F5A47;
	--brand-cream: #E8D8C3;
	--brand-ink: #3B2E2A;

	/* ---------- Semantik renkler ---------- */
	--color-primary: var(--brand-burgundy);
	--color-primary-hover: var(--brand-burgundy-light);
	--color-primary-soft: rgba(109, 29, 58, 0.10);
	--color-primary-softer: rgba(109, 29, 58, 0.05);
	--color-on-primary: #FFF8F0;

	--color-secondary: var(--brand-brown);
	--color-secondary-hover: var(--brand-brown-light);
	--color-secondary-soft: rgba(138, 79, 61, 0.10);

	--color-accent: var(--brand-gold);
	--color-accent-hover: var(--brand-gold-light);
	--color-accent-soft: rgba(201, 154, 63, 0.14);
	--color-on-accent: #2A1A10;
	/* Altın rengi açık zeminde METİN olarak yeterli kontrast vermez.
	   Açık zeminde yazı/ikon için daima bu koyu altın kullanılır. */
	--color-accent-strong: #8A6115;
	/* Bordo zemin üzerinde standart altın 4.33:1'de kalıyor (sınır 4.5).
	   Bordo üzerine yazılan altın metinler için açık altın kullanılır. */
	--color-accent-on-primary: #E3BC72;

	/* Yüzeyler — açık tema (içerik sayfaları) */
	--color-bg: #FBF7F2;
	--color-surface: #FFFFFF;
	--color-surface-elevated: #FFFFFF;
	--color-surface-sunken: #F3EBE1;
	--color-border: rgba(59, 46, 42, 0.12);
	--color-border-strong: rgba(59, 46, 42, 0.22);

	/* Metin — açık zemin (hepsi marka kahvesinin tonları; saf gri kullanılmaz).
	   Saydamlık yerine SOLID değerler: farklı zeminlerde renk kaymaz. */
	--color-heading: #2E2320;          /* başlıklar — en koyu kahve */
	--color-text: var(--brand-ink);    /* #3B2E2A gövde metni */
	--color-text-secondary: #5C4A44;   /* açıklama metni */
	--color-text-muted: #7A6660;       /* ikincil / yardımcı metin */

	/* Yüzeyler — koyu tema (hero / carousel bölgesi) */
	--color-bg-dark: #0E0A0C;
	--color-surface-dark: #1A1214;
	--color-surface-dark-elevated: #241A1D;
	--color-border-dark: rgba(201, 154, 63, 0.24);
	--color-border-dark-strong: rgba(201, 154, 63, 0.42);
	--color-text-on-dark: #F2E7DA;
	--color-text-on-dark-secondary: rgba(242, 231, 218, 0.76);
	--color-text-on-dark-muted: rgba(242, 231, 218, 0.55);

	/* Durum renkleri — marka ile uyumlu, ayırt edilebilir */
	--color-success: #2E7D5B;
	--color-success-soft: rgba(46, 125, 91, 0.12);
	--color-warning: #B8791C;
	--color-warning-soft: rgba(184, 121, 28, 0.14);
	--color-error: #B3261E;
	--color-error-soft: rgba(179, 38, 30, 0.12);

	/* Yardımcılar */
	--color-overlay: rgba(14, 10, 12, 0.62);
	--color-focus: var(--brand-gold);
	--focus-ring: 0 0 0 3px rgba(201, 154, 63, 0.55);

	/* ---------- Gradyanlar (yalnız marka renklerinden) ---------- */
	--gradient-primary: linear-gradient(135deg, var(--brand-burgundy) 0%, var(--brand-burgundy-light) 100%);
	/* Kahve ucu bilinçli olarak koyu: #8A4F3D üzerinde altın metin 3.58:1'de
	   kalıyordu. #6E3E30 ile altın 4.88:1, krem 6.4:1 — ikisi de AA geçer. */
	--gradient-warm: linear-gradient(140deg, var(--brand-burgundy) 0%, #6E3E30 100%);
	--gradient-accent: linear-gradient(135deg, var(--brand-gold) 0%, var(--brand-gold-light) 100%);
	--gradient-dark: linear-gradient(160deg, #150E11 0%, #0E0A0C 100%);
	--gradient-surface: linear-gradient(160deg, #FFFFFF 0%, #FBF5EE 100%);

	/* ---------- Tipografi ---------- */
	--font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--font-display: 'Poppins', 'Inter', -apple-system, sans-serif;

	/* Akışkan ölçek — 360px → 1440px arası kontrollü büyüme */
	--text-display: clamp(2rem, 1.35rem + 2.9vw, 3.75rem);
	--text-h1: clamp(1.75rem, 1.25rem + 2.2vw, 3rem);
	--text-h2: clamp(1.5rem, 1.15rem + 1.55vw, 2.25rem);
	--text-h3: clamp(1.175rem, 1.02rem + 0.7vw, 1.5rem);
	--text-body-lg: clamp(1rem, 0.95rem + 0.28vw, 1.175rem);
	--text-body: 1rem;
	--text-body-sm: 0.9375rem;
	--text-caption: 0.8125rem;
	--text-button: 0.9375rem;

	--leading-tight: 1.15;
	--leading-snug: 1.35;
	--leading-normal: 1.6;
	--leading-relaxed: 1.75;

	--weight-normal: 400;
	--weight-medium: 500;
	--weight-semibold: 600;
	--weight-bold: 700;
	--weight-extrabold: 800;

	--tracking-tight: -0.02em;
	--tracking-normal: 0;
	--tracking-wide: 0.04em;

	/* Okunabilir satır uzunluğu */
	--measure: 68ch;
	--measure-narrow: 52ch;

	/* ---------- Boşluk (4px tabanlı) ---------- */
	--sp-0: 0;
	--sp-1: 0.25rem;
	--sp-2: 0.5rem;
	--sp-3: 0.75rem;
	--sp-4: 1rem;
	--sp-5: 1.25rem;
	--sp-6: 1.5rem;
	--sp-8: 2rem;
	--sp-10: 2.5rem;
	--sp-12: 3rem;
	--sp-16: 4rem;
	--sp-20: 5rem;
	--sp-24: 6rem;

	/* Bölüm dikey boşluğu — mobilde dar, masaüstünde geniş */
	--section-y: clamp(2.75rem, 1.6rem + 5vw, 5.5rem);
	--section-gap: clamp(1.5rem, 1rem + 2vw, 3rem);

	/* Sayfa genişliği ve yatay pay */
	--container-max: 1200px;
	--container-max-wide: 1440px;
	--container-pad: clamp(1rem, 0.6rem + 1.8vw, 2rem);

	/* ---------- Kenar yuvarlaklığı ---------- */
	--r-xs: 6px;
	--r-sm: 10px;
	--r-md: 14px;
	--r-lg: 18px;
	--r-xl: 24px;
	--r-full: 9999px;

	/* ---------- Gölge ---------- */
	--sh-xs: 0 1px 2px rgba(59, 46, 42, 0.06);
	--sh-sm: 0 2px 8px rgba(59, 46, 42, 0.07);
	--sh-md: 0 6px 18px rgba(59, 46, 42, 0.09);
	--sh-lg: 0 12px 32px rgba(59, 46, 42, 0.12);
	--sh-dark-sm: 0 2px 10px rgba(0, 0, 0, 0.35);
	--sh-dark-md: 0 10px 30px rgba(0, 0, 0, 0.45);
	--sh-dark-lg: 0 20px 48px rgba(0, 0, 0, 0.55);

	/* ---------- Hareket ---------- */
	--ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
	--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
	--duration-fast: 150ms;
	--duration-base: 220ms;
	--duration-slow: 320ms;
	--duration-reveal: 420ms;
	--tr-fast: var(--duration-fast) var(--ease-out);
	--tr-base: var(--duration-base) var(--ease-out);
	--tr-slow: var(--duration-slow) var(--ease-out);

	/* Dokunma hedefi alt sınırı */
	--tap-min: 44px;

	/* ---------- Katmanlar ---------- */
	--z-base: 1;
	--z-raised: 10;
	--z-sticky: 200;
	--z-header: 300;
	--z-overlay: 400;
	--z-modal: 500;
	--z-toast: 700;
}

/* Hareket azaltma tercihi — süreleri tokendan sıfırla */
@media (prefers-reduced-motion: reduce) {
	:root {
		--duration-fast: 1ms;
		--duration-base: 1ms;
		--duration-slow: 1ms;
		--duration-reveal: 1ms;
	}
}