/* ============================================================
   TEMA 1 — FİLDİŞİ & BRONZ
   Sıcak fildişi zemin, bronz vurgu, espresso footer.
   Sadece renk tanımlar; yerleşim styles.css'te.
   ============================================================ */

:root{
  /* Vurgu */
  --accent:#96683f;
  --accent-strong:#7d5531;
  --accent-soft:#d3b694;
  --accent-tint:#f4ece1;

  /* Nötr yüzeyler ve metin */
  --paper:#faf7f2;
  --surface:#ffffff;
  --surface-2:#f3eee5;
  --ink:#2e2a25;
  --ink-soft:#6c6355;
  --ink-faint:#8a8072;
  --line:#e7dfd3;
  --line-soft:#f1ebe1;

  /* Üst bilgi şeridi */
  --bar-bg:#f3efe7;
  --bar-ink:#776e60;

  /* Header (yapışkan, yarı saydam) */
  --header-bg:rgba(250,247,242,.86);
  --header-border:#e7dfd3;

  /* Hero zemini */
  --hero-a:#fbf9f5;
  --hero-b:#f1eadf;
  --hero-glow:rgba(150,104,63,.10);
  --eyebrow-line:rgba(150,104,63,.22);

  /* Koyu kontrol (sepete ekle, aktif filtre, toast) */
  --deep:#332e28;
  --on-deep:#ffffff;

  /* Form alanları */
  --field:#ffffff;
  --field-border:#e0d7c9;
  --field-ink:#2e2a25;
  --field-placeholder:#a2988a;

  /* Footer */
  --footer-bg:#2b2622;
  --footer-head:#f2ece3;
  --footer-ink:#bcb2a4;
  --footer-ink-soft:#8d8376;
  --footer-line:#3d362f;

  /* Stok / durum rozetleri */
  --green:#3f7a4f;   --green-bg:#ebf2e9;
  --amber:#8f6519;   --amber-bg:#f7efdd;
  --red:#a5453f;     --red-bg:#f7e9e6;

  /* Ürün rozetleri ve işaretler */
  --hot:#b8682a;
  --sale:#a5453f;
  --dot:#7cb488;
  --disabled:#e5ded3;
  --disabled-ink:#a2988a;

  /* Gölgeler ve ufak detaylar */
  --shadow-sm:0 1px 2px rgba(58,45,30,.05);
  --shadow-md:0 12px 28px -14px rgba(58,45,30,.22);
  --shadow-lg:0 24px 48px -22px rgba(58,45,30,.32);
  --tag-bg:rgba(43,38,34,.72);

  /* Sıralama menüsünün oku — rengi tema ile uyumlu kalsın diye burada */
  --select-arrow:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" stroke="%236c6355" stroke-width="2"><path d="M5 8l5 5 5-5"/></svg>');
}