/* TASARIM TOKENLARI — tek kaynak marka-tema · F1. Değer değişikliği YALNIZ bu dosyada yapılır. Palet kararı (L1): sıcak fildişi zemi */

:root {
  /* ---------- renk ---------- */
  --mk-fildisi:   #faf8f4;   /* sayfa zemini (varsayılan) */
  --mk-stone:     #efebe4;   /* ikincil bölüm zemini, form dolgusu */
  --mk-beyaz:     #ffffff;   /* YARDIMCI YÜZEY: ürün görseli, kart, galeri, modal, çekmece */
  --mk-siyah:     #14120f;   /* metin + birincil CTA (fildişiye göre ayarlı sıcak near-black) */
  --mk-gri:       #6b6459;   /* ikincil metin (sıcak gri) */
  --mk-gri-acik:  #786e63;   /* üçüncül: SKU, meta, pasif — WCAG AA için #9b9287'den koyulaştırıldı (2.89→4.70) */
  --mk-cizgi:     #e2dcd2;   /* hairline */
  --mk-cizgi-koyu:#cfc7ba;   /* vurgulu ayraç (dekoratif) */
  --mk-cizgi-form:#948873;   /* ETKİLEŞİMLİ kenarlık: input, pill, checkbox — WCAG 1.4.11 nesne kontrastı 3:1 */
  --mk-oxblood:   #5a1f28;   /* YALNIZ editoryal vurgu — CTA'da ASLA kullanılmaz */

  /* geriye dönük ad: eski kurallardaki --mk-fon fildişi bölüm zemini demekti */
  --mk-fon: var(--mk-stone);

  /* ---------- tipografi ---------- */
  --mk-font: 'General Sans', 'Helvetica Neue', Arial, sans-serif;         /* UI / işlevsel */

  /* ═══ TİPOGRAFİ JETONLARI — TEK YETKİLİ KAYNAK ═══ Prototipten ölçüldü. */
  --mk-fs-govde: 16px;          --mk-fw-govde: 400;      --mk-lh-govde: 1.6;
  --mk-fs-ikincil: 14px;        --mk-lh-ikincil: 1.6;
  --mk-fs-aciklama: 14px;       --mk-lh-aciklama: 1.7;
  /* Büyük içerik başlıkları: normal yazım, hafif ağırlık. */
  --mk-fw-baslik: 300;          --mk-lh-baslik: 1.15;    --mk-ls-baslik-buyuk: -.01em;
  --mk-fs-h1: clamp(26px, 3.2vw, 34px);
  --mk-fs-h2: clamp(21px, 2.4vw, 28px);
  --mk-fs-h3: 18px;
  --mk-fs-hero: clamp(34px, 5.6vw, 54px);  --mk-lh-hero: 1.08;
  /* İşlevsel katman — uppercase YALNIZ burada. */
  --mk-fw-islevsel: 500;
  --mk-fs-eyebrow: 11.5px;      --mk-ls-eyebrow: .18em;
  --mk-fs-cta: 11px;            --mk-ls-cta: .16em;
  --mk-fs-nav: 11px;            --mk-ls-nav: .14em;
  --mk-fs-form-etiket: 10.5px;  --mk-ls-form-etiket: .12em;
  --mk-fs-footer-baslik: 10.5px; --mk-ls-footer-baslik: .16em;
  --mk-fs-rozet: 9.5px;         --mk-ls-rozet: .1em;
  /* ⚠️ iOS odak yakınlaştırmasını önler — 16px'in ALTINA İNMEZ. */
  --mk-fs-form-girdi: 16px;
  --mk-fs-hata: 12.5px;
  --mk-fs-kart-ad: 13px;        --mk-lh-kart-ad: 1.35;
  --mk-fs-footer-bag: 13.5px;
  --mk-fs-bos-baslik: 22px;
  /* --mk-ls-genis kaldırıldı (r6.21: tipografi jetonlarına geçildi) */    /* eyebrow, nav, buton */
  /* --mk-ls-baslik kaldırıldı (r6.21: tipografi jetonlarına geçildi) */    /* büyük başlıklar */

  /* ---------- ölçü ---------- */
  --mk-icerik: 1360px;
  --mk-kenar: clamp(20px, 4vw, 56px);
  /* ⚠️ F13-r6.12 — Bu değerler gerçeği söyler: header yüksekliği ölçümle
   doğrulanmıştır, tahmin değildir. */
  --mk-header-h: 66px;
  --mk-header-cizgi: 1px;        /* header alt hairline — dolgu hesabına girer */
  /* ⚠️ F13-r6.13 — YÖNETİCİ ÇUBUĞU OFSETİ, TEK KAYNAK. Müşteri görünümünde 0px'tir */
  --mk-admin-h: 0px;
  /* Duyuru şeridi yüksekliği. Şerit basılmadığında header.php bunu 0px'e
     çeker (F9.1) — boş duyuru hayalet boşluk üretmez. */
  --mk-duyuru-h: 33px;
  /* Mobil ürün sayfasında header bittikten sonraki KASITLI tasarım aralığı. */
  --mk-pdp-ust: 10px;
  --mk-metin-kolon: 820px;   /* iç sayfa okuma genişliği */

  /* ---------- boşluk ---------- */
  /* ═══ BÖLÜM RİTMİ — İKİ AYRI GÖREV (F9.1) ═══
   Bölüm içi ve bölümler arası ritim ayrı jetonlardır; tek sayıya indirmek
   editoryal akışı bozar. */

  /* Ticaret yoğunluğu: footer ve ürün odaklı yüzeyler. Değişmedi —
     mevcut fazların düzeni korunur. */
  --mk-bolum-y: clamp(56px, 8vw, 110px);

  /* Editoryal ritim: YALNIZ anasayfa bölüm aralıkları. Ölçüm gerekçesi: 375px'te 8 */
  --mk-bolum-editoryal: clamp(64px, 9vw, 152px);
  /* ⚠️ r6.22e — Ana sayfa dikey ritmi, iki jeton. Bitişik dolgular birleşince geçişler 208–238px oluyord */
  --mk-ritim-bolum: clamp(48px, 5.2vw, 80px);
  --mk-ritim-serit: clamp(44px, 4.5vw, 72px);
  /* ⚠️ r6.28 — IZGARA ARALIĞI TEK KAYNAK. Yeni Gelenler ve kategori keşfi
     aynı jetondan besleniyor; iki bölüm arasındaki ritim farkı kaynakta
     değil, jetonun kendisinde tutuluyor. */
  --mk-izgara-gap-x: clamp(20px, 1.6vw, 24px);
  --mk-izgara-gap-y: clamp(30px, 3vw, 44px);

  --mk-bosluk-1: 4px;
  --mk-bosluk-2: 8px;
  --mk-bosluk-3: 14px;
  --mk-bosluk-4: 24px;
  --mk-bosluk-5: 40px;

  /* ---------- kenar / köşe ---------- */
  --mk-radius: 0;            /* keskin köşe — marka kararı; yuvarlaklık yalnız yüzen dairesel butonlarda */
  --mk-hairline: 1px solid var(--mk-cizgi);

  /* ---------- hareket (150-400ms bandı) ---------- */
  --mk-gecis: .28s ease;
  --mk-gecis-hizli: .16s ease;
  --mk-gecis-yavas: .38s ease;

  /* ---------- z-index düzeni (çakışma savaşını önler) ---------- */
  --z-wa: 79;
  --z-sabit-cta: 80;
  --z-header: 90;
  --z-duyuru: 91;
  --z-ortu: 94;
  --z-cekmece: 95;
  --z-filtre: 96;
  --z-lightbox: 99;
  --z-atla: 200;      /* içeriğe atla — her şeyin üstünde olmalı */
  /* Not: bileşen İÇİ küçük değerler (z-index:2/5 — rozet, hero metni, büyüt düğmes */
}

/* Kırılım referansı (CSS değişkeni media query'de kullanılamaz — belge amaçlı): 375 / 390 / 430 küçük telefon · */