/* ==========================================================================
   CFK ChickN — Tasarım Token'ları
   Kırmızı tonları, ürün fotoğraflarının stüdyo fonundan piksel örneklenerek
   kalibre edildi: merkez #DB1E23, vinyet kenarı #7A0101.
   ========================================================================== */

:root {
  /* --- Renk --------------------------------------------------------- */
  --komur:        #15120F;   /* ana zemin — sıcak siyah, mavi değil */
  --komur-derin:  #0D0B09;   /* footer, en alt katman */
  --is:           #221D19;   /* yükseltilmiş yüzey / kart */
  --is-acik:      #2E2822;   /* kart hover, kenarlık */

  --kirmizi:      #C9161D;   /* marka kırmızısı */
  --kirmizi-hot:  #DB1E23;   /* vurgu, vinyet merkezi */
  --kor:          #7A0101;   /* vinyet kenarı, koyu kırmızı */
  --kor-derin:    #4A0000;

  --krem:         #F2E9DC;   /* kağıt bölümler, ana metin */
  --krem-koyu:    #E0D3BF;
  --amber:        #F0A81E;   /* CTA, fiyat damgası */
  --amber-koyu:   #D48D0A;
  --tuz:          #9A9086;   /* ikincil metin */
  --tuz-koyu:     #6B635A;

  /* Fotoğrafların fonunu birebir taklit eden vinyet — görsel kenarı yok olur */
  --vinyet: radial-gradient(120% 95% at 50% 38%, var(--kirmizi-hot) 0%, var(--kirmizi) 38%, var(--kor) 100%);

  /* --- Tipografi ---------------------------------------------------- */
  --f-display: 'Big Shoulders Display', 'Arial Narrow', sans-serif;
  --f-govde:   'Familjen Grotesk', system-ui, -apple-system, sans-serif;
  --f-mono:    'JetBrains Mono', ui-monospace, monospace;

  /* Akışkan ölçek — 360px ile 1440px arasında yumuşak büyür */
  --t-dev:   clamp(3.5rem, 11vw, 9.5rem);
  --t-xxl:   clamp(2.75rem, 7vw, 6rem);
  --t-xl:    clamp(2rem, 4.5vw, 3.5rem);
  --t-l:     clamp(1.5rem, 2.6vw, 2.125rem);
  --t-m:     clamp(1.0625rem, 1.3vw, 1.1875rem);
  --t-s:     0.9375rem;
  --t-xs:    0.8125rem;
  --t-etiket: 0.6875rem;

  /* --- Uzay -------------------------------------------------------- */
  --wrap:     1280px;
  --wrap-dar: 900px;
  --gutter:   clamp(1.25rem, 5vw, 4rem);
  --bolum:    clamp(4.5rem, 9vw, 8.5rem);

  /* --- Diğer ------------------------------------------------------- */
  --r-s: 4px;
  --r-m: 10px;
  --r-l: 20px;
  --golge-kart:   0 18px 44px -18px rgba(0,0,0,.85);
  --golge-yuksek: 0 32px 70px -24px rgba(0,0,0,.9);
  --gecis: 260ms cubic-bezier(.22,.61,.36,1);
  --nav-h: 76px;
}