/* ============================================================
   Bizim Kasap Kuzuluk — Ortak Tasarım Token'ları
   Tek kaynak: site.css (public) ve admin.css (yönetim paneli)
   bu dosyadaki değişkenleri kullanır, böylece iki yüz aynı
   markanın parçası gibi görünür.
   ============================================================ */
:root {
  /* Marka — derin "oxblood" kırmızı: Amerikan usulü butik kasap/steakhouse
     mührü hissi, parlak/canlı kırmızıdan kaçınıp eskitilmiş deri ve şarap
     fıçısı tonuna yaklaşır. */
  --bk-primary:        #9E0F26;
  --bk-primary-deep:   #7A0B1C;
  --bk-primary-darker: #4F0611;
  --bk-primary-soft:   #F6DFE2;

  /* Sıcak nötrler */
  --bk-ink:            #1A0F10;
  --bk-charcoal:       #2A1B1C;
  --bk-cream:          #FBF7F2;
  --bk-cream-2:        #F4ECDF;
  --bk-paper:          #FFFFFF;
  --bk-line:           #ECE4D6;
  --bk-muted:          #837570;

  /* Aksan */
  --bk-gold:           #C9A227;
  --bk-gold-soft:      #E8D17A;

  /* Toprak/kil (sepet & step kontrolleri) */
  --bk-clay:           #A07859;
  --bk-clay-dark:      #8A5F3F;
  --bk-clay-soft:      #EFE3D2;
  --bk-clay-line:      #DCC8AE;
  --bk-clay-text:      #5C3D24;

  /* Durumlar */
  --bk-success:        #1F7A4C;
  --bk-whatsapp:       #25D366;
  --bk-whatsapp-dark:  #1AA851;

  /* Radius ölçeği — sıkılaştırıldı (eski: 10/16/22/32).
     Aşırı yuvarlak köşeler "şablon site" hissinin en büyük
     nedenlerinden biriydi; artık daha ölçülü ve kasıtlı. */
  --bk-r-sm: 4px;
  --bk-r:    8px;
  --bk-r-lg: 12px;
  --bk-r-xl: 18px;

  --bk-shadow-xs: 0 1px 2px rgba(20,10,10,.06);
  --bk-shadow-sm: 0 4px 14px rgba(20,10,10,.06);
  --bk-shadow:    0 12px 36px rgba(20,10,10,.10);
  --bk-shadow-lg: 0 24px 60px rgba(20,10,10,.16);
  --bk-glow:      0 12px 30px rgba(200,16,46,.32);

  --bk-trans: cubic-bezier(.4, 0, .2, 1);

  /* Tipografi */
  --bk-font-serif: 'Playfair Display', 'Georgia', serif;
  --bk-font-sans:  'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;

  /* Zanaat/doku detayları */
  --bk-stamp-ink:     var(--bk-primary);
  --bk-paper-grain:   radial-gradient(rgba(20,10,10,.035) 1px, transparent 1px);
  --bk-paper-grain-dark: radial-gradient(rgba(255,255,255,.05) 1px, transparent 1px);

  /* Siyah ağırlıklı genel tuval (kartlar hariç) — 2026 revizyonu.
     Ürün/blog/form kartları bilinçli olarak beyaz kalır ("karanlık
     tuval üzerinde ışık adaları"); bu token'lar sadece sayfa/section
     zemini ve doğrudan zemin üstü metinler için kullanılır. */
  --bk-canvas:         #0B0908;
  --bk-canvas-alt:     #141010;
  --bk-onyx-text:      #F6F1EA;
  --bk-onyx-muted:     rgba(246,241,234,.62);
  --bk-onyx-border:    rgba(255,255,255,.10);
  --bk-onyx-surface:   rgba(255,255,255,.06);

  /* ---- Admin paneli — public site ile aynı marka diline bağlanır ---- */
  --ad-primary:        var(--bk-primary);
  --ad-primary-dark:   var(--bk-primary-deep);
  --ad-dark:           var(--bk-charcoal);
  --ad-darker:         var(--bk-ink);
  --ad-sidebar:        var(--bk-ink);
  --ad-sidebar-active: var(--bk-primary);
  --ad-bg:             var(--bk-cream);
  --ad-card:           var(--bk-paper);
  --ad-border:         var(--bk-line);
  --ad-text:           var(--bk-ink);
  --ad-text-light:     var(--bk-muted);
  --ad-radius:         var(--bk-r);
  --ad-shadow:         var(--bk-shadow-sm);
  --ad-shadow-lg:      var(--bk-shadow-lg);
}