/* ============================================================
   Vitrin temaları — marka renkleri
   ============================================================
   AYRI DOSYA olmasının sebebi: bu paletleri hem vitrin (site.css yanında)
   hem de panel kullanıyor. Panelde Vitrin → Görünüm ekranındaki tema
   kartları renkleri buradan okuyor; renkler orada ayrıca yazılsaydı yeni
   bir tema eklendiğinde kart eski rengi gösterir ya da hiç görünmezdi.

   Kod listesi PHP tarafında `Services\SiteAppearance::TEMALAR` içinde;
   her kodun burada bir bloğu olmalı (sınamaya bağlı).

   ------------------------------------------------------------
   HER TEMANIN VERDİĞİ DOKUZ DEĞER
   ------------------------------------------------------------
   --navy / --navy-deep / --navy-light
       Marka zemini: üst bar, slayt, alt bilgi, koyu bölümler. Adı
       "lacivert"ten geliyor ama artık her renk olabiliyor — açık
       temalarda bunlar da açık.

   --gold / --gold-light / --gold-deep
       Vurgu: birincil düğme, rozet, telefon düğmesi.

   --on-brand
       Marka zemini ÜZERİNDEKİ yazı. Bu token olmadan açık tema
       yapılamıyordu: başlık, menü ve alt bilgi 86 yerde sabit beyaz
       yazılıydı, krem bir üst barda beyaz yazı görünmüyordu. Saydam
       tonları (çizgiler, soluk metin) bundan türetiliyor —
       `color-mix(... var(--on-brand) %N ...)`.

   --on-gold
       Vurgu rengi ÜZERİNDEKİ yazı. Altın düğmede koyu, koyu mavi
       düğmede açık olmalı.

   --brand-ink
       Beyaz sayfa zeminindeki bağlantı/vurgu rengi. Marka renginden
       AYRI: açık temada marka rengi krem, ama krem bir bağlantı
       okunmaz. Koyu temalarda ikisi aynı değer.

   --brand-soft
       Markanın çok açık tonu: seçili satır, yumuşak vurgu zemini.
   ============================================================ */

/* ---------- Koyu marka renkleri ---------- */

/* Lacivert & altın — varsayılan.
   `:root` de aynı bloğa bağlı: `data-tema` özniteliği olmayan bir sayfa
   (eski önbellek, düzen dışında çizilen bir görünüm) renksiz kalmasın. */
:root,
[data-tema="lacivert"] {
  --navy:        #0a2540;
  --navy-deep:   #061a2e;
  --navy-light:  #1e3a5f;
  --gold:        #c8a85c;
  --gold-light:  #e6c87f;
  --gold-deep:   #9d7f3a;
  --on-brand:    #ffffff;
  --on-gold:     #12213a;
  --brand-ink:   #0a2540;
  --brand-soft:  #eef2f7;
}

/* Zümrüt & altın — umre/hac programlarının geleneksel rengi */
[data-tema="zumrut"] {
  --navy:        #0d4536;
  --navy-deep:   #06261d;
  --navy-light:  #1a6b52;
  --gold:        #c8a85c;
  --gold-light:  #e6c87f;
  --gold-deep:   #8f7434;
  --on-brand:    #ffffff;
  --on-gold:     #10281f;
  --brand-ink:   #0d4536;
  --brand-soft:  #e9f2ee;
}

/* Bordo & krem — kültür turları, klasik kurumsal görünüm */
[data-tema="bordo"] {
  --navy:        #6b1f2b;
  --navy-deep:   #43111a;
  --navy-light:  #8c3140;
  --gold:        #d6b78a;
  --gold-light:  #ecd7b6;
  --gold-deep:   #9c7a4e;
  --on-brand:    #ffffff;
  --on-gold:     #3b1218;
  --brand-ink:   #6b1f2b;
  --brand-soft:  #f6ecec;
}

/* Okyanus & turkuaz — deniz ve tatil programları */
[data-tema="okyanus"] {
  --navy:        #0b3a56;
  --navy-deep:   #062435;
  --navy-light:  #14607f;
  --gold:        #35b3a6;
  --gold-light:  #6fd3c7;
  --gold-deep:   #1d7d73;
  --on-brand:    #ffffff;
  --on-gold:     #06231f;
  --brand-ink:   #0b3a56;
  --brand-soft:  #e6f2f6;
}

/* Antrasit & bakır — sade ve koyu */
[data-tema="antrasit"] {
  --navy:        #262a2e;
  --navy-deep:   #14171a;
  --navy-light:  #3d444b;
  --gold:        #c07a4b;
  --gold-light:  #dda078;
  --gold-deep:   #8d5630;
  --on-brand:    #ffffff;
  --on-gold:     #24140b;
  --brand-ink:   #262a2e;
  --brand-soft:  #eeefef;
}

/* ---------- Açık marka renkleri ----------
   Üst bar, alt bilgi ve slayt zemini AÇIK; yazı koyu. Ferah ve modern
   duruyor, ama iki tuzağı var ve ikisi de token'larla kapatıldı:

   1. Zeminin üstündeki yazı beyaz kalamaz → `--on-brand` koyu.
   2. Bağlantı rengi marka renginden gelemez (krem bağlantı beyaz sayfada
      okunmaz) → `--brand-ink` ayrı ve koyu.

   Slayt fotoğrafının üstündeki perde de bu renklerden üretiliyor, yani
   açık temada fotoğrafın üstü beyazlaşıyor ve koyu başlık okunuyor. */

/* Krem & lacivert — sıcak, sade, kâğıt hissi */
[data-tema="krem"] {
  --navy:        #f2ece1;   /* marka zemini: açık krem */
  --navy-deep:   #e6dcca;   /* geçişin koyu ucu — yine açık */
  --navy-light:  #fbf7f0;
  --gold:        #b08d3f;   /* vurgu: sayfada tek koyu leke */
  --gold-light:  #cdae67;
  --gold-deep:   #8a6c28;
  --on-brand:    #2a2418;   /* krem zeminde yazı koyu */
  --on-gold:     #ffffff;   /* koyu altın düğmede yazı açık */
  --brand-ink:   #6b5622;
  --brand-soft:  #f7f1e6;
}

/* Buz mavisi & lacivert — serin, kurumsal, ferah */
[data-tema="buz"] {
  --navy:        #e8eff6;
  --navy-deep:   #d7e3ee;
  --navy-light:  #f5f9fc;
  --gold:        #1f4e79;   /* vurgu koyu mavi: açık zeminde okunuyor */
  --gold-light:  #2e6ba0;
  --gold-deep:   #163a5c;
  --on-brand:    #14293d;
  --on-gold:     #ffffff;
  --brand-ink:   #1f4e79;
  --brand-soft:  #eaf1f8;
}