/* =====================================================================
   TEMA DOSYASI  (assets/theme.css)
   ---------------------------------------------------------------------
   Bu demoyu başka bir otele uyarlarken renk ve yazı tipi için yalnız bu
   dosyayı değiştirin. Hem site (index.html) hem panel (panel/index.html)
   bu dosyayı EN SON yükler; burada yazdığınız her değer site.css ve
   panel.css içindeki varsayılanı ezer. Boş bırakılan değişken varsayılanda
   kalır. Kurallarda (rules) sabit renk yoktur, grafikler dahil her renk
   aşağıdaki değişkenlerden gelir.

   Otel adı ve logodaki yazı CSS'te değil, veridedir:
   panel > Ayarlar > "Otel adı" / "Logodaki yazı"
   (varsayılanı assets/data.js içinde settings.name ve settings.logoText).
   Logo işareti (panjur çizimi) index.html ve panel/index.html içindeki
   <svg>; çizgi rengi --panjur (sitede) ve --koyu-vurgu (panel menüsünde).

   ---------------------------------------------------------------------
   ANA PALET (site + panel)
   --kirec          sayfa zemini (açık)
   --tas            çizgi, kenarlık, ikincil yüzey
   --tas-acik       ince ayraç, boş hücre, pasif zemin
   --panjur         ana marka rengi: butonlar, linkler, grafik çubukları
   --panjur-koyu    ana rengin koyusu: buton hover, vurgulu rakam
   --panjur-acik    ana rengin çok açığı: ipucu kutusu, seçili satır (panel)
   --gece           metin rengi ve koyu yüzeyler (panel menüsü, site altlığı)
   --begonvil       yalnız kampanya ve "yeni talep" vurgusu
   --begonvil-acik  begonvilin açık zemini (panel)
   --zeytin         onay / başarı
   --zeytin-acik    zeytinin açık zemini (panel)
   --yuzey          kart ve form zemini (genelde beyaz)
   --yuzey-hover    satır üzerine gelince zemin (panel)
   --ters           koyu zemin üstündeki yazı (genelde beyaz)
   --koyu-vurgu     koyu zemin üstündeki vurgu (logo çizgisi, toast linki)
   --koyu-onay      koyu zemin üstündeki onay ikonu (panel toast)
   --whatsapp       WhatsApp butonu
   --golge          site hero fotoğrafının üstündeki karartma tonu

   YAZI TİPLERİ
   --baslik         başlıklar (varsayılan Bricolage Grotesque)
   --metin          gövde ve arayüz (varsayılan Figtree)
   Yeni bir Google yazı tipi kullanacaksanız ya bu dosyanın EN ÜSTÜNE
   @import url('https://fonts.googleapis.com/css2?family=...&display=swap');
   ekleyin, ya da iki HTML dosyasındaki fonts.googleapis.com <link>'ini
   değiştirin.

   TÜRETİLMİŞ TONLAR (genelde dokunmayın, ana paletten hesaplanır)
   --gece-70, --gece-50           ikincil ve soluk metin
   --perde                        açılır sayfa / pencere arkası karartma
   --ters-72, --ters-70, --ters-45, --ters-18, --ters-6
                                  koyu zemin üstünde yarı saydam beyazlar
   --odak-halka                   form alanı odak halkası
   --ust-zemin                    site üst menüsünün buzlu zemini
   --vurgu-parla                  sitede fiyat güncellenince kısa parlama
   --koyu-secili                  panel menüsünde seçili sekme

   GRAFİK RENKLERİ (panel > Özet)
   --grafik-ana       çubuklar, dolu geceler, doluluk     (varsayılan --panjur)
   --grafik-ikinci    iki parçalı çubuğun ikinci rengi    (varsayılan --gece)
   --grafik-soluk     seçili dönem dışındaki çubuklar
   --grafik-bos       boş gece, çubuk izi                 (varsayılan --tas-acik)
   --grafik-izgara    yatay ızgara çizgileri
   --grafik-istenen   talep ayrıntısında istenen geceler  (varsayılan --begonvil)
   ===================================================================== */

:root {
  /* Örnek: aşağıdaki satırların başındaki yorum işaretini kaldırıp
     kendi renklerinizi yazın.

  --kirec: #F4F2EE;
  --tas: #D3CBC0;
  --tas-acik: #E8E3DC;
  --panjur: #2F6B4F;
  --panjur-koyu: #214D39;
  --panjur-acik: #E4EFE9;
  --gece: #1E2A24;
  --begonvil: #B5532A;
  --begonvil-acik: #F6E7DF;
  --koyu-vurgu: #A8D5BE;
  --baslik: 'Fraunces', Georgia, serif;
  --metin: 'Inter', system-ui, sans-serif;
  */
}
