/* Kitchen & More — Tasarım sistemi "Beyaz Salon"
   Kaynak: tasarim/02-yonler.md (Yön A). Tüm sayfalar BU dosyadaki değişkenlerden türer;
   bileşende çıplak hex/px yazılmaz. Koyu tema token seviyesinde, iki yönde de çalışır. */

:root{
  color-scheme:light;
  /* Renk — açık */
  --c-zemin:#FAFAF8;        /* Porselen: hafif sıcak beyaz (krem değil) */
  --c-yuzey:#FFFFFF;        /* Kart / panel */
  --c-kaide:#EEF1EF;        /* Borosilikat: ürün kaidesi, cam kenarının yeşilimsi grisi */
  --c-cizgi:#D7DDDA;        /* Cam kenarı: ince ayırıcı */
  --c-cizgi-guclu:#141414;  /* Bölüm üst çizgisi */
  --c-murekkep:#141414;     /* Logo siyahı: metin, birincil düğme */
  --c-kursun:#5C6461;       /* İkincil metin (AA 5.9:1 zemin üzerinde) */
  --c-patina:#2E6B5E;       /* Bakır patinası: TEK aksan — odak, hover, seçili */
  --c-patina-zemin:#E3EEEA; /* Aksanın açık yüzeyi (seçili filtre, bilgi şeridi) */
  --c-uyari:#9A3B1E;        /* Stok azaldı / hata — yalnız durum bilgisi */
  --c-ters:#FFFFFF;         /* Koyu yüzey üstü metin */
  --logo-filtre:none;       /* Logo: marka/kitchen-and-more-logo-seffaf.png (siyah, şeffaf); koyu temada ters çevrilir */

  /* Tipografi — ölçek 1.25 (major third) */
  --f-display:"Newsreader",Georgia,"Times New Roman",serif;
  --f-govde:"Figtree","Helvetica Neue",Arial,sans-serif;
  --f-etiket:"Spline Sans Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  --t-2xs:.6875rem; --t-xs:.75rem; --t-sm:.875rem; --t-md:1rem; --t-lg:1.25rem;
  --t-xl:1.563rem; --t-2xl:1.953rem; --t-3xl:2.441rem; --t-4xl:3.052rem;
  --lh-sik:1.1; --lh-baslik:1.25; --lh-govde:1.55;
  --iz-etiket:.06em;        /* Mono etiket harf aralığı */

  /* Boşluk — 4 tabanlı */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px;
  --s-7:48px; --s-8:72px; --s-9:112px;

  /* Şekil — radius bir sistemdir: iç (görsel), dış (yüzey), hap (rozet) */
  --r-ic:2px; --r-dis:6px; --r-hap:999px;
  --kalinlik-cizgi:1px; --kalinlik-odak:2px;

  /* Derinlik — hazır gölge yok; yalnız açılır panel ve yapışkan özet */
  --golge-panel:0 1px 0 rgba(20,20,20,.04),0 12px 32px -12px rgba(20,32,28,.18);

  /* Düzen */
  --w-sayfa:1320px; --w-metin:65ch; --gutter:var(--s-6);

  /* Hareket */
  --sure-kisa:.2s; --sure-orta:.6s; --sure-ciz:.9s; --egri:cubic-bezier(.2,.7,.2,1);
}

/* Koyu — sistem tercihi (açık tema zorlanmadıysa) */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --c-zemin:#111312; --c-yuzey:#181B1A; --c-kaide:#1D2120; --c-cizgi:#2C3230; --c-cizgi-guclu:#ECEEEC;
    --c-murekkep:#ECEEEC; --c-kursun:#9AA39F; --c-patina:#79BCAB; --c-patina-zemin:#1E2D29;
    --c-uyari:#E08A6A; --c-ters:#111312; --logo-filtre:invert(1); 
    --golge-panel:0 12px 32px -12px rgba(0,0,0,.6);
  }
}
/* Koyu — elle seçildi */
:root[data-theme="dark"]{
  color-scheme:dark;
  --c-zemin:#111312; --c-yuzey:#181B1A; --c-kaide:#1D2120; --c-cizgi:#2C3230; --c-cizgi-guclu:#ECEEEC;
  --c-murekkep:#ECEEEC; --c-kursun:#9AA39F; --c-patina:#79BCAB; --c-patina-zemin:#1E2D29;
  --c-uyari:#E08A6A; --c-ters:#111312; --logo-filtre:invert(1); 
  --golge-panel:0 12px 32px -12px rgba(0,0,0,.6);
}