/* Harmoni QR Menü — tasarım token'ları
   Tek kaynak: renk, tipografi, boşluk, yuvarlaklık, gölge, hareket.
   Renkler kuzenin menü afişinden (tente kırmızı/pembe + krem zemin) türetildi. */

:root {
  color-scheme: light;

  /* ---------- RENK: marka ---------- */
  --c-kirmizi-koyu:  #A80E27;  /* en koyu ton — vurgular, ikonlar        */
  --c-kirmizi:       #C41230;  /* ANA MARKA — başlıklar, ürün adları     */
  --c-kirmizi-canli: #D81E3F;  /* fiyatlar, aktif durum                  */
  --c-pembe:         #EE6B84;  /* dekoratif — tente, ayraç, rozet        */
  --c-pembe-acik:    #F7B9C4;  /* çok hafif dekor, çizgi                 */
  --c-pembe-sis:     #FBE3E7;  /* rozet zemini, seçili chip zemini       */

  /* ---------- RENK: logo (marka amblemi) ---------- */
  --c-yesil:      #38563A;  /* logonun kendi yeşili — yazı rengi        */
  --c-yesil-fon:  #EAEEE0;  /* logo bandı, üst — kremle akraba açık adaçayı */
  --c-yesil-fon2: #DCE3D1;  /* logo bandı, alt                          */
  --c-krem-logo:  #EDE9DA;  /* orijinal logodaki krem                   */

  /* ---------- RENK: zemin ---------- */
  --c-krem:          #FAF5EE;  /* sayfa zemini                           */
  --c-krem-koyu:     #F2E9DD;  /* ikincil zemin, ayraç                   */
  --c-kart:          #FFFCF7;  /* kart yüzeyi                            */
  --c-kart-kenar:    #EFE2D4;  /* ince kenarlık                          */

  /* ---------- RENK: metin ---------- */
  --c-metin:         #3B2A28;  /* gövde metni — sıcak koyu               */
  --c-metin-soft:    #8A6F68;  /* açıklama, ikincil                      */
  --c-metin-silik:   #B39A92;  /* dipnot, placeholder                    */

  /* ---------- Degrade & doku ---------- */
  --g-marka: linear-gradient(135deg, var(--c-kirmizi-koyu) 0%, var(--c-kirmizi) 45%, var(--c-pembe) 100%);
  --g-tente: linear-gradient(180deg, var(--c-kirmizi) 0%, var(--c-kirmizi-koyu) 100%);

  /* ---------- TİPOGRAFİ: aile ---------- */
  --f-baslik: 'Playfair Display', 'Iowan Old Style', 'Times New Roman', serif;
  --f-govde:  'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, system-ui, sans-serif;

  /* ---------- TİPOGRAFİ: ölçek (mobil öncelikli, clamp) ---------- */
  --t-h1:    clamp(2.75rem, 13vw, 4.25rem);   /* marka adı            */
  --t-h2:    clamp(1.65rem, 6.5vw, 2.15rem);  /* kategori başlığı     */
  --t-h3:    clamp(1rem,   4.2vw, 1.125rem);  /* ürün adı             */
  --t-fiyat: clamp(0.95rem, 4vw, 1.0625rem);  /* fiyat                */
  --t-govde: 0.9375rem;                       /* açıklama             */
  --t-kucuk: 0.8125rem;                       /* dipnot               */
  --t-chip:  0.75rem;                         /* etiket / chip        */

  --lh-sikisik: 0.92;
  --lh-baslik:  1.12;
  --lh-govde:   1.55;

  --ls-genis: 0.14em;   /* uppercase etiketler   */
  --ls-orta:  0.04em;
  --ls-dar:  -0.015em;  /* büyük başlıklar       */

  /* ---------- BOŞLUK (4px tabanlı) ---------- */
  --b-1: 0.25rem;  --b-2: 0.5rem;   --b-3: 0.75rem;  --b-4: 1rem;
  --b-5: 1.5rem;   --b-6: 2rem;     --b-7: 3rem;     --b-8: 4rem;

  /* ---------- YUVARLAKLIK ---------- */
  --r-kucuk: 10px;  --r-orta: 16px;  --r-buyuk: 24px;  --r-tam: 999px;

  /* ---------- GÖLGE (katmanlı, sıcak tonlu) ---------- */
  --s-1: 0 1px 2px rgba(107, 45, 40, 0.05);
  --s-2: 0 2px 4px rgba(107, 45, 40, 0.05), 0 6px 16px rgba(107, 45, 40, 0.06);
  --s-3: 0 4px 10px rgba(107, 45, 40, 0.07), 0 16px 36px rgba(107, 45, 40, 0.09);
  --s-ic: inset 0 1px 0 rgba(255, 255, 255, 0.7);

  /* ---------- HAREKET ---------- */
  --e-yumusak: cubic-bezier(0.22, 1, 0.36, 1);
  --e-keskin:  cubic-bezier(0.4, 0, 0.2, 1);
  --h-hizli: 160ms;  --h-orta: 320ms;  --h-yavas: 620ms;

  /* ---------- Ölçüler ---------- */
  --genislik: 30rem;          /* içerik maks. genişliği — mobil menü ölçüsü */
  --feston-boy: clamp(0.8rem, 3vw, 1.1rem);  /* tentenin sarkan festonları */
  --bar-yuksekligi: 3.5rem;   /* yapışkan kategori barı                     */
}

/* Kullanıcı hareketi azaltmayı seçtiyse tüm geçişleri kısalt */
@media (prefers-reduced-motion: reduce) {
  :root { --h-hizli: 1ms; --h-orta: 1ms; --h-yavas: 1ms; }
}