/* ============================================================================
   tokens-dark-v7.css : BarsChair v7.1 tema katmanı. tokens-v7.css'ten SONRA yüklenir.
   Yalnız custom property.

   1) :root  -> iki temada ortak v7.1 semantik token'ları (açık tema değerleri).
   2) :root[data-theme="dark"] -> koyu tema. AYNI marka paleti (Organic zemin,
      Ivory mürekkep, Apricot aksan, Natural çizgi).

   Varsayılan tema KOYU: sunucu <html data-theme="dark"> basar; head.php'deki
   inline script localStorage 'bc-theme' = 'light' ise data-theme="light" yapar.
   Sistem tercihine (prefers-color-scheme) bakılmaz (kullanıcı kararı).

   Kontrast (koyu, hesaplandı): ink/zemin 14.4, text 12.5, text-2 7.5, apricot 6.2,
   on-action/ivory 13.8, footer metni 15.0.
   ========================================================================= */

/* ---------- 1 · v7.1 ortak semantik token'lar ---------- */
:root{
  /* Ürün fotoğrafı doğal oranı (2400x1792 = 4:3). Kırpma yok, zoom yok. */
  --media-ratio:        2400 / 1792;

  /* Teklif bandı yüzeyi (açık temada marka Ivory'si). */
  --c-band:             var(--c-ivory);

  /* Video/fotoğraf ÜSTÜ metin: iki temada da aynı (zemin her zaman scrim'li görüntü). */
  --c-on-media:         #F5E6C5;  /* Ivory */
  --c-media-action:     #F5E6C5;  /* düğme dolgusu: Ivory */
  --c-media-action-hover: #FFF3D6;
  --c-on-media-action:  #3F422E;  /* düğme metni: koyu Organic, 8.38:1 Ivory üzerinde */
  --c-scrim:            #1B1D14;  /* scrim tabanı: Organic'in en derin tonu (koyu tema zemini) */
}

/* ---------- 2 · Koyu tema ---------- */
:root[data-theme="dark"]{
  color-scheme: dark;

  /* marka çekirdeği AYNI palet */
  --c-ivory:        #F5E6C5;
  --c-apricot:      #D78B30;
  --c-natural:      #9F886F;
  --c-organic:      #3F422E;

  /* yüzey merdiveni: Organic'ten türeyen derin zeminler */
  --c-paper:        #1B1D14;  /* sayfa zemini */
  --c-raised:       #252719;  /* form alanı, menü, kartlar */
  --c-stage:        #2D3023;  /* ürün fotoğrafı çevresi */
  --c-ivory-soft:   #22241A;  /* ara bant */
  --c-band:         var(--c-stage); /* teklif bandı: Ivory yerine yükseltilmiş koyu yüzey */

  /* mürekkep (Ivory ailesi) */
  --c-ink:          #F6EBD3;  /* 14.4:1 */
  --c-text:         #E8DCC2;  /* 12.5:1 */
  --c-text-2:       #B9AB91;  /* 7.5:1 */

  /* çizgi */
  --c-hair:         rgba(245,230,197,.10);
  --c-hair-strong:  rgba(245,230,197,.20);
  --c-field-line:   #8F7B63;  /* 4.2:1 zemin, 3.75:1 raised */

  /* etkileşim: birincil düğme = Ivory dolgu, koyu Organic metin */
  --c-action:       #F5E6C5;
  --c-action-hover: #FFF3D6;
  --c-on-action:    #1B1D14; /* 13.8:1 */
  --c-focus:        #F5E6C5;
  --c-selected:     #F5E6C5;
  --c-accent-line:  var(--c-apricot);

  /* koyu bağlam (footer) bu temada daha derin */
  --c-dark:         #12140D;
  --c-on-dark:      #F5E6C5;  /* 15:1 */
  --c-on-dark-2:    #B9AB91;  /* 8.2:1 */
  --c-on-dark-hair: rgba(245,230,197,.14);
  --c-on-dark-accent: var(--c-apricot);

  --c-success:      #9DBF7E;
  --c-error:        #E39A84;

  --sh-contact: radial-gradient(50% 50% at 50% 50%, rgba(0,0,0,.45) 0%, rgba(0,0,0,.20) 45%, rgba(0,0,0,0) 100%);
  --sh-float: 0 1px 2px rgba(0,0,0,.4), 0 12px 32px -14px rgba(0,0,0,.6);
  --ring-focus: 0 0 0 2px var(--c-paper), 0 0 0 4px var(--c-focus);

  /* v7.2 düğme: birincil = Ivory dolgu, koyu metin */
  --btn-orb-bg:   rgb(27 29 20 / .09);
  --btn-orb-bg-2: rgb(245 230 197 / .10);
  --btn-shine:    rgb(255 255 255 / .75);
  --btn-spot:     rgb(255 255 255 / .62);
  --btn-spot-2:   rgb(245 230 197 / .09);
  --btn-shine-2:  rgb(245 230 197 / .08);

  /* v7.2 cam: koyu yüzey (Organic en derin ton), Ivory hairline */
  --glass-bar:   rgb(27 29 20 / .70);
  --glass-hair:  linear-gradient(90deg, rgb(245 230 197 / 0), rgb(245 230 197 / .20) 16%, rgb(245 230 197 / .20) 84%, rgb(245 230 197 / 0));
  --glass-spec:  inset 0 1px 0 rgb(245 230 197 / .07);
  --glass-shadow: 0 1px 2px rgb(0 0 0 / .35), 0 14px 32px -14px rgb(0 0 0 / .6);

  --sh-lift: 0 26px 44px -22px rgb(0 0 0 / .72), 0 6px 14px -8px rgb(0 0 0 / .4);
}