/* ===========================================================================
   Tema: Bej  —  Themes/Bej/theme.json
   ---------------------------------------------------------------------------
   styles.css'ten SONRA yüklenir ve yalnız :root değişkenlerini ezer.
   styles.css'te 384 adet var(--…) kullanımı olduğu için bu blok tüm siteyi
   (kart, buton, rozet, header, form) yeniden renklendirir — yapı dosyası
   kopyalanmaz. Yeni bir renk teması eklemek = bu dosyanın bir kopyası.

   Palet: sıcak bej zemin + kahve marka + kiremit aksiyon.
   Kontrast: metin/zemin oranları WCAG AA (>= 4.5:1) gözetilerek seçildi.
   =========================================================================== */
:root {
  /* Marka & renk */
  --bordo:        #6B4E2E;   /* koyu kahve — header, marka */
  --bordo-koyu:   #4E3820;
  --kirmizi:      #A9612F;   /* kiremit — buton, fiyat, aktif durum */
  --kirmizi-koyu: #8A4E24;   /* hover */
  --kirmizi-soft: #F6EDE2;   /* açık kum zemin (rozet/uyarı) */

  --ink:          #23190F;   /* en koyu metin */
  --antrasit:     #2E2317;

  /* Nötr rampa (sıcak bej) */
  --bg:           #F7F2E9;   /* sayfa zemini */
  --surface:      #FFFDF9;   /* kart yüzeyi */
  --surface-2:    #F2EADC;   /* hafif bej yüzey */
  --line:         rgba(35,25,15,.12);
  --line-strong:  rgba(35,25,15,.20);
  --text:         #241B11;
  --muted:        #6B5B49;   /* ikincil metin */
  --faint:        #9C8B76;   /* en silik */

  /* Durum — bej zeminde okunur kalsın diye hafif koyulaştırıldı */
  --basari:   #3F6B36;
  --basari-bg:#EAF1E4;
  --uyari:    #9C5A11;
  --uyari-bg: #F8EBD6;
  --bilgi:    #2A6491;
  --gold:     #A97C1F;
  --gold-bg:  #F7EDD6;
  --gold-line:#DCBB72;

  /* Koyu zemin (hero, footer, topbar) üstü metin — bej temada krem tonları */
  --ters-metin:       #F3E9DC;
  --ters-metin-soft:  #D6C6B0;
  --ters-metin-faint: #A8977F;

  /* Aksiyon renginin RGB bileşenleri (kiremit) — saydam kullanımlar için */
  --kirmizi-rgb: 169,97,47;

  /* Gölge — bej zeminde gri gölge kirli durur, sıcak tona çevrildi */
  --sh-1: 0 1px 2px rgba(60,42,24,.06), 0 1px 1px rgba(60,42,24,.05);
  --sh-2: 0 4px 16px -8px rgba(60,42,24,.20), 0 1px 2px rgba(60,42,24,.07);
  --sh-3: 0 14px 34px -14px rgba(60,42,24,.30), 0 2px 6px rgba(60,42,24,.09);
}
