/*
  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: #7A1220;      /* hover / derin vurgu — ana kırmızının koyusu */
  --resto-accent-deep: #8E1526; /* ANA KIRMIZI — butonlar; hover koyusuna (7A1220) iner */
  --resto-accent-light: #E8D5C4; /* şampanya halesi — 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(166, 25, 46, 0.92); /* yerleşik nav Cartier kırmızısı — metin/logolar açık kalır (layout.css) */
  --nav-cizgi: rgba(142, 21, 38, 0.55); /* 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: #0F0C0D;     /* sıcak siyah — maviye kaçmaz */
  --stone: #191315;
  --sand: #33272B;      /* bordoya çalan çizgi */
  --ink: #EDE4DA;       /* kremsi beyaz — saf beyaz gözü yorar */
  --ink-soft: #AB9A90;

  --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: #7A1220;      /* hover — tek kırmızı ailesi, A6192E emekli */
  --resto-accent-deep: #8E1526; /* ANA KIRMIZI — gecede de buton bu */
  --resto-accent-light: #7C1024; /* kadife bordo hale — gecenin imzası */

  --warm: #D68F6E;
  --warm-deep: #E0A183;
  --warm-soft: #3A2A22;

  /* 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(20, 16, 17, 0.85); /* #141011 koyu zemin */
  --nav-cizgi: #7C1024;             /* kadife bordo ş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: #171613;
  --footer-fg: #F0EAE0;
  --footer-line: rgba(240, 234, 224, 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; }