/* tokens.css · Empire Concierge brand system · 6 Nov 2026
   Ortak ilke, ayrı kimlik: beş marka, beş görsel dil. Ortak olan yalnız akış kuralları (bkz. MARKA-REHBERI.md)
   ve bu dosyanın token İSİMLERİ. Değerler markaya göre değişir; sayfa <html data-brand="…"> ile seçer.
   Light/dark: her marka kendi varsayılanıyla gelir; [data-theme="dark"|"light"] ya da prefers-color-scheme ile döner.
   Hareket: --t-fade crossfade (1.2–1.6 s), --t-rise bölüm süzülmesi, --ease su eğrisi; reduced-motion'da hepsi 0. */

:root{
  /* -------- ölçek (markadan bağımsız) -------- */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:72px; --sp-9:112px;
  --gutter:16px; --measure:62ch; --wrap:1120px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --t-fade:1.4s; --t-rise:1.2s; --t-ui:.5s;
  --rise:22px;              /* bölümün süzülürken yükseldiği mesafe (parallax yok) */
}
@media (prefers-reduced-motion:reduce){ :root{ --t-fade:0s; --t-rise:0s; --t-ui:0s; --rise:0px } }

/* ======================================================================
   1 · EMPIRE CONCIERGE · çatı · sessiz lüks, su (varsayılan: koyu)
   ====================================================================== */
[data-brand="empire"]{
  --font-head:"Cormorant Garamond",Georgia,serif; --font-body:"Manrope",system-ui,sans-serif; --font-accent:"Noto Serif JP",serif;
  --wt-head:300; --wt-body:300; --track-eyebrow:.32em;
  --bg:#0a0b0c; --bg-2:#111315; --bg-3:#181b1e;
  --fg:#ece7df; --fg-2:#b9b3aa; --fg-3:#7d786f;
  --accent:#c9a45c; --accent-2:#e2c68b; --accent-ink:#0a0b0c; --accent-soft:rgba(201,164,92,.12);
  --line:rgba(201,164,92,.28); --hair:rgba(236,231,223,.10);
  --r-s:2px; --r-m:4px; --r-l:8px; --r-pill:999px;
  --shadow-1:0 1px 0 rgba(0,0,0,.5); --shadow-2:0 24px 60px rgba(0,0,0,.45);
  --ok:#8fbf9f; --err:#d98b7a;
  color-scheme:dark;
}
[data-brand="empire"][data-theme="light"]{
  --bg:#f3eee6; --bg-2:#ebe4d9; --bg-3:#e2dacd; --fg:#15171a; --fg-2:#4d4a44; --fg-3:#7d786f;
  --accent:#9c7a35; --accent-2:#c9a45c; --accent-ink:#fff; --accent-soft:rgba(156,122,53,.10);
  --line:rgba(156,122,53,.35); --hair:rgba(21,23,26,.10); --shadow-2:0 24px 60px rgba(21,23,26,.12); color-scheme:light;
}

/* ======================================================================
   2 · COUPLE HAMAM · couplehamam.com + couplehamamistanbul.com · romantik, fildişi/koyu kahve/altın (varsayılan: açık; hero koyu)
   ====================================================================== */
[data-brand="couplehamam"]{
  --font-head:"Cormorant Garamond",Georgia,serif; --font-body:"Manrope",system-ui,sans-serif; --font-accent:var(--font-head);
  --wt-head:400; --wt-body:400; --track-eyebrow:.26em;
  --bg:#f6efe6; --bg-2:#efe6da; --bg-3:#e6dccd;
  --fg:#120d0a; --fg-2:#4a3f36; --fg-3:#8a7d70;
  --accent:#b88a3a; --accent-2:#d9b26a; --accent-ink:#2a1a0c; --accent-soft:rgba(217,178,106,.16);
  --rose:#7a2e3a; --rose-soft:rgba(122,46,58,.12);   /* yalnız bu markada: romantik vurgu */
  --line:rgba(18,13,10,.14); --hair:rgba(18,13,10,.08);
  --r-s:3px; --r-m:8px; --r-l:16px; --r-pill:999px;
  --shadow-1:0 1px 2px rgba(18,13,10,.08); --shadow-2:0 18px 48px rgba(18,13,10,.14);
  --ok:#2f6b45; --err:#a3322a;
  color-scheme:light;
}
[data-brand="couplehamam"][data-theme="dark"]{
  --bg:#120d0a; --bg-2:#1a1310; --bg-3:#241a15; --fg:#f6efe6; --fg-2:#d9ccbb; --fg-3:#9c8f82;
  --accent:#d9b26a; --accent-2:#e9cd93; --accent-ink:#2a1a0c; --accent-soft:rgba(217,178,106,.14);
  --line:rgba(246,239,230,.18); --hair:rgba(246,239,230,.09); --shadow-2:0 18px 48px rgba(0,0,0,.5); color-scheme:dark;
}

/* ======================================================================
   3 · HAMAMPASS · çok tesisli · modern "pass" kartı · koyu zemin + tek canlı vurgu (varsayılan: koyu)
   ====================================================================== */
[data-brand="hamampass"]{
  --font-head:"Space Grotesk",system-ui,sans-serif; --font-body:"Inter",system-ui,sans-serif; --font-accent:var(--font-head);
  --wt-head:600; --wt-body:400; --track-eyebrow:.18em;
  --bg:#0b0f14; --bg-2:#121821; --bg-3:#1a2230;
  --fg:#f2f5f7; --fg-2:#aab4c0; --fg-3:#6e7a88;
  --accent:#2ee6c5; --accent-2:#8cf5e3; --accent-ink:#04110f; --accent-soft:rgba(46,230,197,.12);
  --line:rgba(242,245,247,.16); --hair:rgba(242,245,247,.08);
  --r-s:6px; --r-m:14px; --r-l:22px; --r-pill:999px;
  --shadow-1:0 1px 2px rgba(0,0,0,.4); --shadow-2:0 20px 50px rgba(0,0,0,.55), 0 0 0 1px rgba(46,230,197,.08);
  --ok:#2ee6c5; --err:#ff7a6b;
  color-scheme:dark;
}
[data-brand="hamampass"][data-theme="light"]{
  --bg:#f4f7f9; --bg-2:#ffffff; --bg-3:#e7edf2; --fg:#0b0f14; --fg-2:#3f4a56; --fg-3:#6e7a88;
  --accent:#0bb39a; --accent-2:#2ee6c5; --accent-ink:#ffffff; --accent-soft:rgba(11,179,154,.10);
  --line:rgba(11,15,20,.14); --hair:rgba(11,15,20,.07); --shadow-2:0 20px 50px rgba(11,15,20,.12); color-scheme:light;
}

/* ======================================================================
   4 · HAMAMTICKET · bilet · açık zemin, net tipografi, fiyat ve saat önde (varsayılan: açık)
   ====================================================================== */
[data-brand="hamamticket"]{
  --font-head:"Archivo",system-ui,sans-serif; --font-body:"Inter",system-ui,sans-serif; --font-accent:var(--font-head);
  --wt-head:800; --wt-body:400; --track-eyebrow:.14em;
  --bg:#fbf8f2; --bg-2:#ffffff; --bg-3:#f1ebe0;
  --fg:#15213b; --fg-2:#46506a; --fg-3:#7c8498;
  --accent:#e4572e; --accent-2:#ff7a52; --accent-ink:#ffffff; --accent-soft:rgba(228,87,46,.10);
  --stub:#15213b; --stub-fg:#fbf8f2;                 /* yalnız bu markada: biletin koparılan ucu */
  --line:rgba(21,33,59,.18); --hair:rgba(21,33,59,.09);
  --r-s:4px; --r-m:10px; --r-l:16px; --r-pill:999px;
  --shadow-1:0 1px 2px rgba(21,33,59,.08); --shadow-2:0 16px 40px rgba(21,33,59,.12);
  --ok:#1d6b4f; --err:#b3261e;
  color-scheme:light;
}
[data-brand="hamamticket"][data-theme="dark"]{
  --bg:#10172a; --bg-2:#172038; --bg-3:#1f2a47; --fg:#fbf8f2; --fg-2:#c3c9d8; --fg-3:#8a93a8;
  --accent:#ff7a52; --accent-2:#ffa184; --accent-ink:#1a0d06; --accent-soft:rgba(255,122,82,.14);
  --stub:#fbf8f2; --stub-fg:#15213b; --line:rgba(251,248,242,.18); --hair:rgba(251,248,242,.09);
  --shadow-2:0 16px 40px rgba(0,0,0,.5); color-scheme:dark;
}

/* ======================================================================
   5 · YORUMKART · NFC yorum kartı · siyah-beyaz, teknik, tek ekran (varsayılan: açık)
   ====================================================================== */
[data-brand="yorumkart"]{
  --font-head:"IBM Plex Mono",ui-monospace,Menlo,monospace; --font-body:"IBM Plex Sans",system-ui,sans-serif; --font-accent:var(--font-head);
  --wt-head:500; --wt-body:400; --track-eyebrow:.10em;
  --bg:#ffffff; --bg-2:#f4f4f4; --bg-3:#e8e8e8;
  --fg:#000000; --fg-2:#333333; --fg-3:#777777;
  --accent:#000000; --accent-2:#333333; --accent-ink:#ffffff; --accent-soft:rgba(0,0,0,.06);
  --line:#000000; --hair:rgba(0,0,0,.12);
  --r-s:0px; --r-m:0px; --r-l:0px; --r-pill:0px;
  --shadow-1:none; --shadow-2:none;
  --ok:#000000; --err:#000000;
  color-scheme:light;
}
[data-brand="yorumkart"][data-theme="dark"]{
  --bg:#000000; --bg-2:#111111; --bg-3:#1e1e1e; --fg:#ffffff; --fg-2:#cccccc; --fg-3:#888888;
  --accent:#ffffff; --accent-2:#cccccc; --accent-ink:#000000; --accent-soft:rgba(255,255,255,.08);
  --line:#ffffff; --hair:rgba(255,255,255,.14); color-scheme:dark;
}

/* ---------- sistem teması (sayfa data-theme vermemişse) ---------- */
@media (prefers-color-scheme:dark){
  [data-brand="couplehamam"]:not([data-theme]){ --bg:#120d0a; --bg-2:#1a1310; --bg-3:#241a15; --fg:#f6efe6; --fg-2:#d9ccbb; --fg-3:#9c8f82; --accent:#d9b26a; --accent-2:#e9cd93; --line:rgba(246,239,230,.18); --hair:rgba(246,239,230,.09); color-scheme:dark }
  /* hamampass zaten koyu; hamamticket ve yorumkart marka gereği açık kalır (bilet ve kart kâğıdı), ürün isterse data-theme="dark" verir */
}

/* ---------- ortak hareket dili (bütün markalar) ---------- */
.rv{opacity:0;transform:translateY(var(--rise));transition:opacity var(--t-rise) var(--ease),transform var(--t-rise) var(--ease)}
.rv.in{opacity:1;transform:none}
.xf>*{position:absolute;inset:0;opacity:0;transition:opacity var(--t-fade) var(--ease)}
.xf>.on{opacity:1}