/*
  Tek kaynak design token dosyası.
  hotel/ ve restaurant/ ayrı deploy edildiği için bu dosya HER İKİSİNE de
  senkron kopyalanır (canlı paylaşım yok). Değişiklik burada yapılır,
  sonra iki sitenin css klasörüne kopyalanır.

  Yön: "Ferah Panel" (bkz. docs/DESIGN_SYSTEM.md) — kart YOK, tam ekrana
  yakın panel/split/seam sistemi. Bu dosya sadece HAM DEĞERLERİ tutar;
  component/layout kuralları (nav, panel, seam, buton...) her sitenin
  kendi css/ klasöründeki base.css / layout.css / components.css
  dosyalarında yaşar — tokens.css'i tek bir dev CSS dosyasına çevirme.
*/

:root {
  /* ---------- Zemin: "Boho-Modern Lounge" ----------
     Mekan gündüz nitelikli kahve, akşam nargile/okey. Bu ikiliği KOYU bir
     palet taşıyamıyordu (gündüz tarafı basık görünüyordu) — zemin yulaf/
     kırık beyaza çekildi, koyu tonlar artık sadece metin ve nadir kontrast
     alanlarında. Kullanıcı geri bildirimi: "ferah premium tonlar her alanda". */
  /* Sedef/mermer beyazı — SİTENİN TEK ZEMİN TONU.
     Önce bölümler `--paper` ve `--stone` arasında dönüşümlü boyanıyordu;
     bu ritim yaratsın diye düşünülmüştü ama akışı kesiyordu: sayfa boyunca
     ton değiştikçe göz her bölümde yeniden ayarlanıyor ve site "parçalı"
     duruyordu (kullanıcı geri bildirimi: "farklı tonlar akışı bozuyor").
     Artık bölümler AYNI zemini paylaşır; ayrımı pirinç `seam` ve —asıl
     olarak— aralarındaki boşluk kurar. */
  --paper: #FAF5EF;     /* sıcak krem — kırmızıyı kadifemsi gösterir */
  /* Yulaf (oatmeal) — ikincil zemin, bölüm ayrımı.
     #F1EBE0'den %18 açıldı (kırık beyaza doğru): krem alanlar —özellikle
     rezervasyon özeti kutusu ve tam menü zemini— biraz ağır duruyordu.
     %30 denendi ama paper ile kontrast 1.091'e düşüyordu; gözle ayırt
     edilebilirlik eşiği ~1.05 olduğu için bölümler tek düz yüzeye
     dönüşme riskindeydi. %18'de kontrast 1.120 — ağırlık gider, ritim kalır. */
  /* Yüzey tonu — BÖLÜM zemini DEĞİL. Sadece zeminin üstünde duran kutular
     (rezervasyon özeti, sepet altlığı, kart yuvası) için. Bölüm zemini olarak
     kullanılırsa yukarıdaki tek-ton kararı bozulur. */
  --stone: #F2EAE0;     /* taş — zeminin üstündeki yüzeyler */
  /* Çizgiler nötr bej değil, ÇOK HAFİF zeytin çalıyor: bronz aksanın
     yanında nötr bir gri sarıya kaçık duruyordu; zeytin ikisini birbirine
     bağlıyor ve çizgiyi görünür kılmadan sıcak tutuyor. */
  --sand: #DFD2C3;      /* kenarlık/ayraç — krem ailesinin çizgisi */
  --ink: #2B2320;       /* sıcak kahve-siyah — saf siyah DEĞİL */
  --ink-soft: #6E5F55;  /* ikincil metin — kahveye çalan gri */

  /* Paylaşılan aksan — Beyoğlu'nun eski apartmanlarındaki pirinç doğrama/korkuluk detayından.
     Açık zeminde okunurluk için önceki #A9803F'ten bir tık koyultuldu. */
  --brass: #9A7434;
  --brass-deep: #7C5C27;

  /* İşletmeye özel aksan — aynı sistem, farklı kimlik.
     Her sayfa kendi <style> bloğunda --accent/--accent-deep/--accent-light'ı
     bunlardan birine eşler (bkz. restaurant/tr/index.html vb.) */
  --hotel-accent: #3F6B72;      /* Boğaz mavisi, akşam saati — sadece otelde */
  --hotel-accent-deep: #2E4F55;
  --hotel-accent-light: #6B9CA3;

  /* Bronz — mekânın ana vurgusu. Adaçayı yeşilinden buraya geçildi: yeşil
     temiz ama "sağlıklı kafe" okunuyordu; bronz taş/fildişi zeminde sıcak
     ve pahalı duruyor, hem gündüz hem gece aynı kimliği taşıyor.
     Yeşil tamamen gitmedi — çizgilerde çok hafif bir zeytin olarak sürüyor
     (bkz. --sand). */
  --resto-accent: #4E5A31;      /* hover / derin vurgu — hakinin koyusu */
  --resto-accent-deep: #66753F; /* ANA HAKİ — butonlar (krem metinle 4.7:1); hover koyusuna iner */
  --resto-accent-light: #C9D2AC; /* açık haki hale — menü/etkinlik nefes parıltısı */

  /* Sıcak ikincil aksan (terrakota) — SADECE vurgu noktalarında: puan
     yıldızları, rozetler, "sepete eklendi" onayı. Ana aksanla yarışmasın
     diye geniş yüzeylerde KULLANILMAZ. */
  --warm: #C4785A;
  --warm-deep: #A45B3E;
  --warm-soft: #F3E3DA;

  /* Tipografi */
  /* Başlıklar tırnaklı (serif): grotesk ikili siteyi "yazılım firması"
     gibi gösteriyordu (kullanıcı geri bildirimi). Cormorant Garamond klasik,
     yüksek kontrastlı bir garalde — ince olduğu için KÜÇÜK boyutta değil,
     yalnızca başlıklarda kullanılır; gövde metni Outfit'te kalır. */
  --font-display: 'Cormorant Garamond', 'Iowan Old Style', Georgia, serif;
  --font-body: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-arabic: 'Cairo', -apple-system, sans-serif; /* Latin fontlar Arapça glyph içermez — modern grotesk sistemle uyumlu tek Arapça seçimi */

  /* Spacing (8px taban) */
  --sp-1: 8px;
  --sp-2: 16px;
  --sp-3: 24px;
  --sp-4: 32px;
  --sp-6: 48px;
  --sp-8: 64px;
  --sp-12: 96px;
  --sp-16: 128px;

  /* Bölümlerin dikey nefesi. Tek yerden yönetilir ki "site geneli" bir karar
     olarak kalsın; ekranla ölçeklenir, telefonda 76px, geniş ekranda 148px.
     Tek tonlu bir sayfada bölümleri ayıran ASIL şey bu boşluktur. */
  --section-y: clamp(76px, 9.5vw, 148px);

  /* Breakpoints (referans — media query içinde kullanılır) */
  --bp-tablet: 768px;
  --bp-desktop: 1200px;

  /* Layout */
  --container-max: 1400px; /* panel--split / seam genişlik sınırı */
  --radius: 2px;            /* tüm sistemde tek, minimal köşe değeri — kart yuvarlaklığı YOK */
  --nav-h: 62px;            /* nav yüksekliği — mobil açılır menü ve scroll-margin bu değere dayanır */

  /* ---------- Temaya bağlı bileşen renkleri ----------
     Bu üçü doğrudan bir palet rengine değil, ROLE karşılık gelir. Nav ve
     footer açık temada zeminin TERSİ, koyu temada ise zeminle aynı ailenin
     daha derin tonu olmalı; `var(--ink)` yazmak koyu temada footer'ı bembeyaz
     yapardı. */
  /* Fotoğrafın üstünde duran metin (hero, saydam nav). İki temada da AÇIK
     olmalı — `--paper` yazmak koyu temada hero başlığını siyaha çeviriyordu
     (kullanıcı geri bildirimi). Bu yüzden palete değil, ZEMİNE bağlı. */
  --on-photo: #FBF8F3;
  /* Kırmızı (accent) zemin üstündeki metin — TEMADAN BAĞIMSIZ açık. `--paper`
     kullanmak gece siyaha dönüp kırmızı butonları okunmaz yapıyordu
     (kullanıcı ekran görüntüsü: seçili çip görünmüyor). */
  --on-accent: #FBF8F3;
  --live-green: #22C55E;   /* "şu an açık" — canlı yayın yeşili, foto üstünde de seçilir */
  --on-photo-soft: rgba(251, 248, 243, 0.88);

  /* Buzlu cam: 0.94 pratikte düz beyaz okunuyordu, blur hiç seçilmiyordu.
     0.72'de arkadan geçen içerik hafifçe belli olur; okunabilirliği alfa
     değil, nav'daki blur + saturate taşır (bkz. layout.css .is-scrolled). */
  --nav-bg: rgba(133, 146, 95, 0.94); /* yerleşik nav Cartier kırmızısı — metin/logolar açık kalır (layout.css) */
  --nav-cizgi: rgba(94, 106, 64, 0.6); /* yerleşik nav'ın alt kenar çizgisi */
  --footer-bg: #262320;
  --footer-fg: #FCFAF6;
  --footer-line: rgba(252, 250, 246, 0.16);

  /* Yükselti — açık zeminde kart gölgesi DEĞİL, sadece yüzen öğeler
     (sepet butonu, açılır dil menüsü) için yumuşak, düşük kontrastlı gölge */
  --shadow-float: 0 6px 24px rgba(44, 42, 38, 0.14);
  --shadow-pop: 0 2px 14px rgba(44, 42, 38, 0.12);
}

/* RTL'de değişmemesi gereken öğeler (fiyat/telefon/tarih) için yardımcı sınıf
   — bkz. docs/RTL_CHECKLIST.md */
.ltr-locked {
  display: inline-block;
  direction: ltr;
  unicode-bidi: isolate;
}


/* ============================================================
   KOYU TEMA

   "Kap kara" DEĞİL: saf siyah bir lounge sitesinde ucuz ve sert durur.
   Zemin sıcak kömür (#1B1815) — açık temadaki yulaf/kahve ekseninin karşı
   ucu, yani aynı paletin gece hâli. Yüzeyler yukarı doğru AÇILIR
   (paper → stone), açık temadaki ilişkinin tersi; bu, koyu arayüzlerde
   yükseltinin okunma biçimidir.

   Aksan tonları AÇILIR: #46614F gibi koyu bir adaçayı, koyu zeminde hem
   okunmaz hem de "sönük" durur. `--accent-deep` koyu temada en AÇIK ton
   olur, çünkü rolü "en yüksek kontrastlı aksan" — açık temada bunu
   koyultarak, koyu temada açarak sağlar. Böylece `.btn--solid`
   (`background: --accent-deep; color: --paper`) iki temada da çalışır:
   açıkta koyu buton/açık metin, koyuda açık buton/koyu metin.

   Tema seçimi <html data-theme="..."> ile gelir (bkz. js/theme.js); seçim
   yapılmadıysa işletim sisteminin tercihi geçerlidir.
   ============================================================ */

:root[data-theme="dark"] {
  /* Kömür, siyah DEĞİL: #1B1815 fazla karaydı (kullanıcı geri bildirimi:
     "kömür karası çok kara kalmış"). İki basamak açıldı, sıcaklık korundu. */
  --paper: #15170F;     /* zeytine çalan sıcak kömür — haki butonla aynı aile */
  --stone: #1D2016;
  --sand: #2F3424;      /* zeytine çalan çizgi */
  --ink: #EAECE2;       /* kırık beyaz — saf beyaz gözü yorar */
  --ink-soft: #A9AE9B;

  --brass: #C9A05C;
  --brass-deep: #DDB877;

  --hotel-accent: #6E9AA2;
  --hotel-accent-deep: #93BAC1;
  --hotel-accent-light: #47727A;

  /* Yeşil doygunluğu düşürüldü: #ABCBB8 koyu zeminde parlıyor ve uzun
     bakışta göz yoruyordu ("yeşil tonlarda göz yoruyor"). Aynı aile, daha
     sakin — kontrast metin için hâlâ fazlasıyla yeterli. */
  --resto-accent: #4E5A31;      /* hover — tek kırmızı ailesi, A6192E emekli */
  --resto-accent-deep: #66753F; /* ANA KIRMIZI — gecede de buton bu */
  --resto-accent-light: #4E5A31; /* koyu haki hale — gecenin imzası */

  --warm: #D68F6E;
  --warm-deep: #E0A183;
  --warm-soft: #2E3324;

  /* Fotoğraf üstü metin koyu temada DEĞİŞMEZ — hero yine aynı fotoğraf. */
  /* Koyu temada alfa açık temadan bir tık yüksek: koyu zeminde blur'un
     "buz" etkisi daha zayıf algılanır, fazla saydamlık barı kaybettirir. */
  --nav-bg: rgba(27, 30, 20, 0.88); /* #161B24 koyu slate */
  --nav-cizgi: #4E5A31;             /* koyu haki şerit — gecenin imzası */
  --live-green: #4ADE80;            /* gece — koyu zeminde parlar */
  /* Footer zeminden bir tık DAHA derin: açık temada olduğu gibi sayfayı
     kapatan bir çapa olmayı sürdürsün. */
  --footer-bg: #0F110A;
  --footer-fg: #EDEFE6;
  --footer-line: rgba(237, 239, 230, 0.14);

  /* Koyu zeminde yumuşak gri gölge görünmez; siyah ve daha derin olmalı. */
  --shadow-float: 0 8px 28px rgba(0, 0, 0, 0.55);
  --shadow-pop: 0 3px 16px rgba(0, 0, 0, 0.45);
}

/* `data-theme` HER ZAMAN yazılıdır: sayfa <head>'indeki küçük satır içi script
   kullanıcının kaydettiği tercihi, yoksa işletim sisteminin tercihini okuyup
   <html>'e yazar (bkz. js/theme.js ve HTML <head>).

   Paleti ayrıca `@media (prefers-color-scheme: dark)` altında TEKRARLAMIYORUZ:
   25 satırlık bir paletin iki kopyası, biri güncellenip diğeri unutulduğunda
   sessizce ayrışır. Tercihi tek bir yerde (script) çözüp tek bir seçiciye
   (`[data-theme="dark"]`) bağlamak bu riski ortadan kaldırıyor. */
:root[data-theme="dark"] { color-scheme: dark; }
:root[data-theme="light"] { color-scheme: light; }