/*
  İncilay Triko — Tasarım Token'ları
  Renk, tipografi, boşluk, gölge ve katman değişkenleri tek noktadan yönetilir.
  Bir tonu değiştirmek istiyorsanız sayfalarda değil, YALNIZCA burada değiştirin.
*/
:root{
  /* --- Marka Renkleri ---
     Palet doğrudan logodan türetildi: "İncilay" yazısının sıcak vizon tonu
     (#9b8877) marka rengi, "KNITWEAR" yazısının koyu grisi metin rengi.
     Zeminler, ürün fotoğraflarındaki krem/ekru örgü tonlarıyla aynı sıcak
     eksende tutuldu; böylece fotoğraflar sayfaya yapıştırılmış gibi değil,
     sayfanın devamı gibi duruyor. */
  --bg-primary:#fbf8f5;
  /* Aynı rengin RGB bileşenleri. Bir gradyanın "hiçlikten bu renge"
     şeklinde bitirilmesi gerektiğinde kullanılır: `transparent` aslında
     SAYDAM SİYAH'tır ve bazı motorlarda araya gri bir ara ton sokar;
     rgba(var(--bg-primary-rgb),0) ise aynı rengin saydam hâlidir, yani
     geçiş baştan sona tek renk üzerinde kalır. */
  --bg-primary-rgb:251,248,245;
  --bg-secondary:#f3ebe3;
  --bg-tertiary:#faf4ee;
  --color-ink:#2c2621;
  --color-paper:#ffffff;

  --color-taupe:#9b8877;        /* marka tonu — ikon, çerçeve, dekor */
  --color-taupe-dark:#6f5d4e;   /* metin/buton — beyaz üstünde 6.3:1 kontrast */
  --color-taupe-soft:#ece2d8;
  --color-fog:#ded5cb;
  --color-anthracite:#5e564e;   /* ikincil gövde metni */
  --color-anthracite-light:#7a7069;
  --color-anthracite-deep:#211c18;

  /* Görsel arkası ışık efektlerinde kullanılan yumuşak bebek tonları */
  --glow-cream:250,235,215;
  --glow-blush:240,214,209;
  --glow-sky:206,224,235;
  --glow-sage:214,227,211;
  --glow-butter:248,235,205;

  /* WhatsApp yeşili iki tonda tutulur:
     --color-whatsapp  : markanın açık yeşili. Yalnızca KOYU zemin üzerindeki
                         ikonlarda ve nabız efektinde kullanılır.
     --color-whatsapp-deep : butonların zemini. Açık yeşil üzerinde beyaz yazı
                         yalnızca 1.98:1 kontrast veriyordu (WCAG asgarisi 4.5);
                         küçük ve büyük harfli buton metni bu tonda gerçekten
                         zor okunuyordu. Aynı hue'nun koyusu 4.57:1 veriyor —
                         hâlâ apaçık "WhatsApp yeşili" ama okunur. */
  --color-whatsapp:#25D366;
  --color-whatsapp-deep:#12874A;

  /* --- Tipografi ---
     İki aile yeter: Cormorant Garamond (ince, zarif, yüksek kontrastlı
     serif — başlıklarda "premium" hissi verir) ve Jost (geometrik, temiz,
     sıcak sans — gövde metni, menü ve butonlar). İkisinden fazlası hem
     yüklemeyi yavaşlatır hem de tasarım dilini dağıtır. */
  --font-display:'Cormorant Garamond','Iowan Old Style',Georgia,'Times New Roman',serif;
  --font-body:'Jost','Segoe UI',system-ui,sans-serif;
  --font-accent:'Jost','Segoe UI',system-ui,sans-serif;

  /* Header'ın kapladığı dikey alan. İçerik bu kadar yukarı çekilip aynı
     kadar üst dolgu aldığı için değer YANLIŞ olsa bile içerik yerinden
     oynamaz (ikisi birbirini götürür); yalnızca çapa (#id) kaydırmalarının
     header'ın altında kalmaması için doğru tutulur. main.js açılışta
     gerçek yüksekliği ölçüp bu değeri günceller. */
  --header-h:80px;

  /* --- Ölçek --- */
  --container-max:1300px;
  --container-pad:clamp(1.25rem,4vw,3rem);
  --radius-sm:10px;
  --radius-md:18px;
  --radius-lg:28px;
  --radius-xl:40px;
  --radius-pill:999px;

  /* --- Gölge & Cam --- */
  --shadow-soft:0 10px 30px -14px rgba(44,38,33,.16);
  --shadow-lift:0 24px 52px -22px rgba(44,38,33,.26);
  --shadow-deep:0 34px 70px -28px rgba(44,38,33,.34);
  --glass-bg:rgba(255,255,255,.72);
  --glass-bg-solid:rgba(252,249,245,.97);
  --glass-border:rgba(255,255,255,.75);
  --glass-blur:18px;

  /* --- Z-index katmanları --- */
  --z-decor:1;
  --z-content:10;
  --z-floating:600;
  --z-overlay:900;
  /* Header, mobil menü (z-overlay) açıkken hamburger/X butonuna
     tıklanabilmesi için o katmanın ÜZERİNDE kalmalı; aksi halde tam ekran
     kaplayan mobil menü, altındaki butonun tıklamalarını yutar. */
  --z-header:950;
  --z-modal:1000;
  /* Büyük fotoğraf görünümü — sayfadaki HER ŞEYin üzerinde kalmalı. */
  --z-lightbox:1100;

  /* --- Zamanlama --- */
  --ease-premium:cubic-bezier(.22,1,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --dur-fast:.22s;
  --dur-med:.45s;
  --dur-slow:.9s;
}

/* Masaüstünde menü ve CTA butonu göründüğü için header bir tık daha yüksek. */
@media (min-width:1060px){
  :root{--header-h:89px;}
}

@media (prefers-color-scheme: dark){
  /* Marka kimliği bilerek açık/sıcak zemin üzerine kurulu; bebe giyim
     sektöründe ferahlık ve temizlik hissi koyu temayla çelişir.
     Site tek temalıdır. */
}