/* ============================================================
   TASARIM TOKEN SİSTEMİ — tek kaynak
   Tüm sayfalarda style.css'ten ÖNCE yüklenir.
   Değerler mevcut render'a eşlenerek girildi; keyfi değişiklik yok.
   Not (CLAUDE.md uyumu): yarıçap keskin (metal hissi) korundu; bölüm
   boşluğu 96px'e yuvarlandı (128 değil); amber ölçülü kullanılacak.
   ============================================================ */
:root {
  /* ---- Boşluk merdiveni ---- */
  --sp-1: 4px;   --sp-2: 8px;   --sp-3: 12px;  --sp-4: 16px;
  --sp-5: 24px;  --sp-6: 32px;  --sp-7: 48px;  --sp-8: 64px;
  --sp-9: 96px;  --sp-10: 128px; --sp-11: 160px;
  /* Bölüm arası dikey boşluk (masaüstü 96 / mobil 64) */
  --sp-bolum: var(--sp-8);

  /* ---- Tipografi ölçeği (fluid) ---- */
  --fs-hero:   clamp(2.25rem, 1.2rem + 4.2vw, 4.5rem);
  --fs-h2:     clamp(1.75rem, 1.1rem + 2.4vw, 3rem);
  --fs-h3:     clamp(1.15rem, 1rem + 0.6vw, 1.5rem);
  --fs-body:   clamp(1rem, 0.97rem + 0.15vw, 1.0625rem);
  --fs-small:  0.875rem;
  --fs-eyebrow: 0.75rem;

  /* ---- Renk (mevcut değerlere eşlendi) ---- */
  --c-ink: #15191e;         /* = --metin */
  --c-ink-soft: #5b6773;    /* = --soluk */
  --c-line: #dce0e6;        /* = --kenar */
  --c-bg: #f2f3f5;          /* = --zemin */
  --c-bg-alt: #e9ebef;      /* = --yuzey-2 */
  --c-surface: #ffffff;     /* = --yuzey */
  --c-brand: #f59e0b;       /* = --vurgu */
  --c-brand-ink: #14100a;   /* amber üstü koyu metin */
  --c-brand-text: #a64c08;  /* açık zeminde amber metin (= --vurgu-metin); #e9ebef üstünde 4.8:1 (AA) */
  --c-danger: #b42318;      /* hata kırmızısı (tek kaynak) */

  /* ---- Gölge (katmanlı, çok yumuşak) ---- */
  --sh-1: 0 1px 2px rgba(16,18,22,.04), 0 2px 6px rgba(16,18,22,.04);
  --sh-2: 0 1px 2px rgba(16,18,22,.05), 0 8px 24px rgba(16,18,22,.07);
  --sh-3: 0 2px 4px rgba(16,18,22,.06), 0 18px 44px rgba(16,18,22,.10);

  /* ---- Yarıçap (keskin / endüstriyel — CLAUDE.md) ---- */
  --r-sm: 2px;  --r-md: 4px;  --r-lg: 8px;  --r-pill: 999px;

  /* ---- Hareket ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast: 160ms;  --t-base: 220ms;  --t-slow: 420ms;

  /* ---- z-index ölçeği (tek kaynak; mevcut sıralama korunur) ---- */
  --z-icerik: 5;    /* slider okları, bölüm içi katmanlar */
  --z-header: 50;   /* sticky header */
  --z-yuzen: 60;    /* yüzen WhatsApp butonu + dropdown */
  --z-modal: 80;    /* WhatsApp modalı */
  --z-intro: 99999; /* lazer intro katmanı */
  --z-atlama: 100000; /* "içeriğe geç" atlama linki: intro oynarken de klavyeyle görünür (WCAG 2.4.11) */
}

@media (min-width: 900px) {
  :root { --sp-bolum: var(--sp-9); }  /* masaüstü bölüm boşluğu 96px */
}