/* ==========================================================================
   MILL CAFE — TASARIM TOKEN'LARI (tek kaynak)
   --------------------------------------------------------------------------
   Önceden üç ayrı yerde tanımlıydı ve çakışıyordu:
     · index.php          → satır içi <style>  (9 token)
     · menu/assets/css/style.css  (25 token)
     · menu/assets/css/admin.css  (18 token)
   Aynı isim farklı değer alıyordu (ör. --yesil: #27AE60 ve #16a34a).

   YÜKLEME SIRASI ÖNEMLİ — tokens.css her zaman ilk sırada gelmelidir:
     index.php          <link href="menu/assets/css/tokens.css?v=...">
     menu/index.php     <link href="assets/css/tokens.css?v=...">          (style.css'ten ÖNCE)
     menu/istek.php     <link href="assets/css/tokens.css?v=...">          (style.css'ten ÖNCE)
     menu/admin/*.php   <link href="../assets/css/tokens.css?v=...">      (admin.css'ten ÖNCE)

   Alt bölümlerde verilen kontrast oranları beyaz (#FFFFFF) ve krem (#F4FAF7)
   zeminlerinde ölçülmüştür. Metin renkleri WCAG AA (4.5:1) eşiğini geçer.
   ========================================================================== */

/* ── 1. Marka Çekirdeği ────────────────────────────────────────────────
   Yüzeyden bağımsız marka renkleri. Kapak sayfası, dijital menü ve
   admin paneli aynı kimliği paylaşır.                                        */
:root {
    --kahve-koyu:  #061C0E;   /* en koyu zemin */
    --kahve-ana:   #0C3B22;   /* koyu yüzey */
    --kahve-orta:  #1A7A45;   /* ana yeşil */
    --kahve-acik:  #4DB87A;
    --krem:        #F4FAF7;
    --krem-koyu:   #D8EFE3;
    --altin:       #C9A84C;   /* imza altın */
    --altin-acik:  #E8C675;
    --beyaz:       #FFFFFF;
    --pembe:       #E91E63;
}

/* ── 2. Metin — AÇIK Zemin ─────────────────────────────────────────────
   Ürün kartları, beyaz paneller, admin arayüzü.
   Önceden "metin-koyu / metin-orta / metin-acik" adlarıyla dağılmıştı;
   koyu→açık sıralaması yüzeyi değil açıklığı anlatıyordu.                  */
:root {
    --metin-1: #062212;   /* birincil  — beyazda 16.9:1 */
    --metin-2: #1E5C38;   /* ikincil   — beyazda  8.0:1 */
    /* --metin-3 eskiden #6BAB88 idi (beyazda 2.69:1 → WCAG AA ALTINDA).
       Ürün açıklamaları bu renkte, 13px, beyaz kart üzerinde oluyordu.
       #3D7853: beyazda 5.24:1, kremde 4.95:1 — AA'yı payla geçer.        */
    --metin-3: #3D7853;   /* üçüncül   — beyazda  5.2:1 */
}

/* ── 3. Metin — KOYU Zemin ─────────────────────────────────────────────
   Kapak sayfası, manşet, koyu panel üstü.                                  */
:root {
    --metin-koyuz-1: #F4FAF7;   /* 16.8:1 */
    --metin-koyuz-2: #D8EFE3;   /* 14.7:1 */
    --metin-koyuz-3: #A9D6BF;   /*  9.2:1 */
    /* Altın yalnızca koyu zeminde metin rengi olabilir:
       #C9A84C'nin açık zemindeki oranı 2.29:1 — kullanılamaz.            */
    --altin-metin:   #E8C675;   /* 10.8:1 */
}

/* ── 4. Durum Renkleri — KOYU Zemin (dijital menü) ────────────────────
   Bu değerler koyu yeşil üzerinde seçilmiştir; beyaz zeminde AA'yı
   geçmezler. Açık yüzeyde kullanmayın — 5. bölüme bakın.                    */
:root {
    --durum-basarili:  #27AE60;
    --durum-basarisiz: #E74C3C;
    --durum-uyari:     #E67E22;
    --durum-bilgi:     #3498DB;
}

/* ── 5. Durum Renkleri — AÇIK Zemin (admin) ────────────────────────────
   Beyaz kart üzerinde metin olarak kullanılacakları için AA'ya göre
   seçilmiştir (kırmızı 4.8:1, mavi 5.2:1).                                 */
:root {
    --acik-basarili:  #16a34a;   /* yeşil  — beyazda 3.3:1 (yalnız ikon/kenar) */
    --acik-basarisiz: #dc2626;   /* kırmızı— beyazda 4.8:1 (metin olabilir)   */
    --acik-uyari:     #ea580c;   /* turuncu— beyazda 3.6:1                     */
    --acik-bilgi:     #2563eb;   /* mavi    — beyazda 5.2:1                     */
}

/* ── 6. Uyumluluk Takma Adları ─────────────────────────────────────────
   Mevcut CSS'teki eski adlar. Böylece 130+ kullanım yerine geçmeden
   token'lar tek noktadan yönetilebiliyor.
   NOT: --metin-acik takma adı sayesinde admin.css'te TANIMSIZ olan iki
   kullanım (özellik-bilgi small, toggle-yazi) da düzeldi — o satırlar
   daha önce 'inherit'e düşüyordu.                                           */
:root {
    --metin-koyu:    var(--metin-1);
    --metin-orta:    var(--metin-2);
    --metin-acik:    var(--metin-3);
    --metin:         var(--metin-1);
    --metin-ikincil: var(--metin-2);

    --yesil:   var(--durum-basarili);
    --kirmizi: var(--durum-basarisiz);
    --turuncu: var(--durum-uyari);
    --mavi:    var(--durum-bilgi);
}

/* ── 7. Yüzeyler ve Kenarlık ──────────────────────────────────────────── */
:root {
    --yuzey-koyu:   #061C0E;
    --yuzey-acik:   #FFFFFF;
    --yuzey-acik-2: #F0F5F2;
    --kenarlik:     #C8E6D4;
    --kenar:        #C8E6D4;
}

/* ── 7b. Yönetim Paneli (admin.css) ─────────────────────────────────────
   Admin kendi açık zemin temasını kullanıyor. Daha önce admin.css'in
   kendi :root bloğundaydı; oradan birebir taşındı.                       */
:root {
    --admin-bg:                 #F0F5F2;
    --admin-sidebar-bg:         #061C0E;
    --admin-sidebar-genislik:   260px;
    --admin-header-yukseklik:   60px;

    --primary:       #0C3B22;
    --primary-hover: #1A7A45;
    --kart-bg:       #ffffff;

    --golge:      0 1px 6px rgba(12, 59, 34, 0.08);
    --golge-kart: 0 2px 16px rgba(12, 59, 34, 0.10);
}

/* ── 8. Gölge ───────────────────────────────────────────────────────────
   Hepsi kahve-ana (12,59,34) tonunda; farklı yüzeylerde tek bir gölge
   ailesi kullanılıyor.                                                     */
:root {
    --golge-hafif: 0 2px 12px rgba(12, 59, 34, 0.08);
    --golge-orta:  0 4px 24px rgba(12, 59, 34, 0.15);
    --golge-derin: 0 8px 40px rgba(12, 59, 34, 0.25);
}

/* ── 9. Köşe Yariçapı ────────────────────────────────────────────────── */
:root {
    --radius-kucuk: 8px;
    --radius-orta:  16px;
    --radius-buyuk: 24px;
    --radius-tam:   50px;
    --radius:       12px;   /* admin kartları */
}

/* ── 10. Geçiş ──────────────────────────────────────────────────────────
   Tek bir eğri, tüm yüzeylerde. Hareket azaltma tercihi olan kullanıcılar
   için geçişler her yüzeyin kendi prefers-reduced-motion bloğunda kapatılır
   (slider geçiş animasyonunu korur, yalnız süreyi kısaltır).               */
:root {
    --gecis: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}