/* =============================================================
   schön — Design Tokens
   Renk, tipografi, boşluk, radius, gölge değişkenleri.
   Kaynak: design_handoff_schon_theme/README.md "Tasarım Token'ları"
   ============================================================= */

:root {
  /* --- Renkler --- */
  --sch-ink:            #141414; /* Mürekkep / birincil (siyah) */
  --sch-red:           #c8102e; /* Marka kırmızı (CTA, vurgu) */
  --sch-red-hover:     #8f0b20; /* Kırmızı hover */
  --sch-yellow:        #f2c200; /* Marka sarı (kampanya/koli) */
  --sch-yellow-soft:   #fffbe9; /* Koli kart dolgu */
  --sch-bg:            #ffffff; /* Zemin (beyaz) */
  --sch-bg-soft:       #faf9f7; /* Açık zemin / kart dolgu */
  --sch-img-bg:        #f3f1ed; /* Görsel placeholder zemin */
  --sch-border:        #eae7e1; /* Kenarlık (ince) */
  --sch-border-input:  #ddd8d0; /* Kenarlık (input) */
  --sch-border-hair:   #f0eee9; /* Çok ince ayraç (tablo satırı) */
  --sch-text-2:        #5c5852; /* İkincil metin */
  --sch-text-3:        #8f8a82; /* Silik metin */
  --sch-text-4:        #a5a098; /* Çok silik / kod metni */
  --sch-topbar-text:   #a9a49c; /* Topbar metin */
  --sch-topbar-strong: #f2f0ec; /* Topbar üzeri açık */
  --sch-success:       #1f7a33; /* Stok yeşil */
  --sch-warn:          #c07a00; /* Uyarı turuncu (az stok) */
  --sch-swatch-gray:   #9a958c;
  --sch-swatch-wood:   #a97b4f;
  --sch-swatch-beige:  #dcd5c7;

  /* --- Tipografi --- */
  --sch-font: 'Archivo', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --sch-ls-tight:  -.035em; /* H1 */
  --sch-ls-hero:   -.045em; /* Hero dev başlık + wordmark */
  --sch-ls-sec:    -.03em;  /* Bölüm başlık */
  --sch-ls-price:  -.025em; /* Fiyat */
  --sch-ls-eyebrow: .09em;  /* Etiket / eyebrow */

  /* --- Boşluk --- */
  --sch-pad-x:        40px; /* sayfa yatay padding (masaüstü) */
  --sch-pad-x-mobile: 16px;
  --sch-section-gap:  48px; /* bölüm arası ~44–52 */
  --sch-grid-gap:     16px;
  --sch-card-pad:     18px;
  --sch-maxw:         1440px;

  /* --- Radius --- */
  --sch-r-card:  10px;
  --sch-r-btn:   6px;
  --sch-r-pill:  20px;

  /* --- Gölge --- */
  --sch-shadow-card:  0 1px 3px rgba(0,0,0,.06);
  --sch-shadow-dark:  0 18px 40px rgba(0,0,0,.35);
}