@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');
/* =============================================================================
   FEELS TASARIM TOKEN'LARI — tüm ürünün (portal + servisler) ortak paleti.
   Flat UI Colors 'Defo': koyu varsayılan, [data-theme="light"] açık tema.

   KATMANLAMA (2026-06-11 CSS yoğunlaştırması sonrası):
     1. shared/theme.css       → token'lar: ORTAK blok + servis-indeksli bloklar
     2. shared/components.css  → TÜM bileşen kuralları: ORTAK + servis bölümleri
     HTML dosyalarında <style> YOKTUR; her kural :where([data-app="..."]) ile
     tanımlandığı yüzeylere kapsamlanır (özgüllük değişmez). Her sayfanın
     <html> etiketinde data-app="sense|refeel|perform|sentry|portal" bulunur.
   Yeni kural eklerken: birden çok yüzeyde geçerliyse ORTAK bölüme (app
   listesine ekle), tek yüzeye özgüyse o yüzeyin bölümüne yaz.
   ============================================================================= */

/* ====================== ORTAK TOKENLAR ====================== */
:root,[data-theme="dark"]{--acil:#e74c3c;--bg:#1a1a1a;--bg2:#141414;--dropborder:#303030;--dropzone:#212121;--ink:#e7e7e4;--ink2:#9a9a96;--ink3:#6e6e6b;--lacivert:#4a69bd;--line:#303030;--manuel:#9b59b6;--ok:#2ecc71;--panel:#212121;--panel2:#272727;--rowhover:#272727;--rutin:#3498db;--sari:#f1c40f;--shadow:0 8px 32px rgba(0,0,0,.6);--yolda:#f39c12;--kat-diger:#95a5a6;--kat-ilac:#9b59b6;--kat-kozmetik:#e74c3c;--kat-market:#3498db;--kat-medikal:#1abc9c;--kat-vitamin:#2ecc71}
[data-theme="light"]{--acil:#c0392b;--bg:#ecf0f1;--bg2:#dfe4e6;--dropborder:#cfd6d9;--dropzone:#f4f6f6;--ink:#2c3e50;--ink2:#7f8c8d;--ink3:#95a5a6;--lacivert:#1f3a93;--line:#d3dade;--manuel:#8e44ad;--ok:#27ae60;--panel:#ffffff;--panel2:#f4f6f6;--rowhover:#f4f6f6;--rutin:#2980b9;--sari:#d4ac0d;--shadow:0 4px 20px rgba(44,62,80,.12);--yolda:#e67e22;--kat-diger:#7f8c8d;--kat-ilac:#8e44ad;--kat-kozmetik:#c0392b;--kat-market:#2980b9;--kat-medikal:#16a085;--kat-vitamin:#27ae60}

/* ====================== SENSE ====================== */
:root:where(html[data-app="sense"]), [data-theme="dark"]:where(html[data-app="sense"]), :where(html[data-app="sense"]) [data-theme="dark"]{--accent:#3498db;--accent-ink:#ffffff;--kat-kozmetik:#7986cb;--kat-vitamin:#29b6f6;--kat-medikal:#00bcd4;--kat-ilac:#3f51b5;--kat-market:#2196f3;--kat-diger:#90a4ae}
[data-theme="light"]:where(html[data-app="sense"]), :where(html[data-app="sense"]) [data-theme="light"]{--accent:#2980b9;--accent-ink:#ffffff;--kat-kozmetik:#5c6bc0;--kat-vitamin:#0288d1;--kat-medikal:#0097a7;--kat-ilac:#303f9f;--kat-market:#1976d2;--kat-diger:#607d8b}
:where(html[data-app="sense"]) .ai-bk.bilgi{--bk-renk:var(--accent)}
:where(html[data-app="sense"]) .ai-bk.aksiyon{--bk-renk:#e67e22}
:where(html[data-app="sense"]) .ai-bk.takip{--bk-renk:#8e6cc8}

/* ====================== REFEEL ====================== */
:root:where(html[data-app="refeel"]), [data-theme="dark"]:where(html[data-app="refeel"]), :where(html[data-app="refeel"]) [data-theme="dark"]{--accent:#c0392b;--accent-ink:#ffffff;--radar:#1abc9c;--soguk:#38bdf8}
[data-theme="light"]:where(html[data-app="refeel"]), :where(html[data-app="refeel"]) [data-theme="light"]{--accent:#a93226;--accent-ink:#ffffff;--radar:#16a085;--soguk:#0ea5e9}

/* ====================== PERFORM ====================== */
:root:where(html[data-app="perform"]), [data-theme="dark"]:where(html[data-app="perform"]), :where(html[data-app="perform"]) [data-theme="dark"]{--accent:#f39c12;--accent-ink:#ffffff;--zirve-shadow:0 5px 14px rgba(0,0,0,.5)}
[data-theme="light"]:where(html[data-app="perform"]), :where(html[data-app="perform"]) [data-theme="light"]{--accent:#f39c12;--accent-ink:#ffffff;--zirve-shadow:0 5px 14px rgba(44,62,80,.28)}

/* ====================== SENTRY ====================== */
:root:where(html[data-app="sentry"]), [data-theme="dark"]:where(html[data-app="sentry"]), :where(html[data-app="sentry"]) [data-theme="dark"]{--accent:#1abc9c;--accent-ink:#ffffff}
[data-theme="light"]:where(html[data-app="sentry"]), :where(html[data-app="sentry"]) [data-theme="light"]{--accent:#16a085;--accent-ink:#ffffff}

/* ====================== FELLAS ====================== */
:root:where(html[data-app="fellas"]), [data-theme="dark"]:where(html[data-app="fellas"]), :where(html[data-app="fellas"]) [data-theme="dark"]{--accent:#8e6cc8;--accent-ink:#ffffff}
[data-theme="light"]:where(html[data-app="fellas"]), :where(html[data-app="fellas"]) [data-theme="light"]{--accent:#7c52b8;--accent-ink:#ffffff}

/* ====================== AHTAPOS ====================== */
:root:where(html[data-app="ahtapos"]), [data-theme="dark"]:where(html[data-app="ahtapos"]), :where(html[data-app="ahtapos"]) [data-theme="dark"]{--accent:#205295;--accent-ink:#ffffff;--nakit:#2ecc71;--kart:#3b5bdb;--havale:#00bcd4;--dovizli:#f39c12;--veresiye:#e67e22}
[data-theme="light"]:where(html[data-app="ahtapos"]), :where(html[data-app="ahtapos"]) [data-theme="light"]{--accent:#001f3f;--accent-ink:#ffffff;--nakit:#27ae60;--kart:#3b5bdb;--havale:#0097a7;--dovizli:#e67e22;--veresiye:#d35400}

/* flow — finansal kontrol / kasa karşılaştırma (dolar yeşili #105a37); ödeme kanalı + uyum/fark renkleri */
:root:where(html[data-app="flow"]), [data-theme="dark"]:where(html[data-app="flow"]), :where(html[data-app="flow"]) [data-theme="dark"]{--accent:#2e9e63;--accent-ink:#ffffff;--nakit:#2ecc71;--kart:#3b5bdb;--havale:#00bcd4;--diger-od:#f39c12;--uyum:#2ecc71;--fark:#ff5d4a}
[data-theme="light"]:where(html[data-app="flow"]), :where(html[data-app="flow"]) [data-theme="light"]{--accent:#105a37;--accent-ink:#ffffff;--nakit:#1e9e57;--kart:#3b5bdb;--havale:#0097a7;--diger-od:#e67e22;--uyum:#105a37;--fark:#e0492f}

/* agora — eczaneler arası stok ağı (turuncu: pumpkin #d35400 / carrot #e67e22 — perform'un #f39c12 sarımsı turuncusundan ayrı, palete uyumlu); kazan-kazan + takas/satın + atıl sıcaklık renkleri */
:root:where(html[data-app="agora"]), [data-theme="dark"]:where(html[data-app="agora"]), :where(html[data-app="agora"]) [data-theme="dark"]{--accent:#e67e22;--accent-ink:#ffffff;--takas:#2ecc71;--atil-yuksek:#e74c3c;--atil-orta:#f1c40f;--atil-dusuk:#95a5a6}
[data-theme="light"]:where(html[data-app="agora"]), :where(html[data-app="agora"]) [data-theme="light"]{--accent:#d35400;--accent-ink:#ffffff;--takas:#27ae60;--atil-yuksek:#c0392b;--atil-orta:#d4ac0d;--atil-dusuk:#7f8c8d}

/* lobby — kanal renk tokenı: network sarısı tema-duyarlı (f1c40f iki temada da
   kamaştırıyordu/kayboluyordu → koyu temada yumuşak altın, açıkta okunur hardal) */
:root:where(html[data-app="lobby"]), [data-theme="dark"]:where(html[data-app="lobby"]), :where(html[data-app="lobby"]) [data-theme="dark"]{--accent:#0891b2;--accent-ink:#ffffff;--kanal-sari:#e9c46a}
[data-theme="light"]:where(html[data-app="lobby"]), :where(html[data-app="lobby"]) [data-theme="light"]{--accent:#0e7490;--accent-ink:#ffffff;--kanal-sari:#a98209}

/* sachet — Test Yönetimi (yönetici servisi): portal APP_RENK ile aynı indigo;
   accent theme.css'te tanımlı olmalı (portal iframe'e enjekte ETMEZ) — switch/
   seçim/vurgu gibi --accent tüketen ortak bileşenler bu tanımı kullanır */
:root:where(html[data-app="sachet"]), [data-theme="dark"]:where(html[data-app="sachet"]), :where(html[data-app="sachet"]) [data-theme="dark"]{--accent:#6366f1;--accent-ink:#ffffff}
[data-theme="light"]:where(html[data-app="sachet"]), :where(html[data-app="sachet"]) [data-theme="light"]{--accent:#4f46e5;--accent-ink:#ffffff}

/* watson — Müşteri İletişim konsolu (marka: whatson yeşili #075e54; koyu temada okunur açık varyant) */
:root:where(html[data-app="watson"]), [data-theme="dark"]:where(html[data-app="watson"]), :where(html[data-app="watson"]) [data-theme="dark"]{--accent:#00a884;--accent-ink:#ffffff}
[data-theme="light"]:where(html[data-app="watson"]), :where(html[data-app="watson"]) [data-theme="light"]{--accent:#075e54;--accent-ink:#ffffff}

/* indigo — başarı & ilerleme (gamification, yönetici servisi): çivit tonu (koyu temada
   okunur açık varyant); rozet metal tokenları tema-duyarlı (altın lobby --kanal-sari dersi:
   parlak sarı iki temada da kamaşır → koyu temada yumuşak altın, açıkta okunur hardal) */
:root:where(html[data-app="indigo"]), [data-theme="dark"]:where(html[data-app="indigo"]), :where(html[data-app="indigo"]) [data-theme="dark"]{--accent:#818cf8;--accent-ink:#ffffff;--rozet-altin:#e9c46a;--rozet-gumus:#9ca3af;--rozet-bronz:#c98a5e}
[data-theme="light"]:where(html[data-app="indigo"]), :where(html[data-app="indigo"]) [data-theme="light"]{--accent:#4338ca;--accent-ink:#ffffff;--rozet-altin:#a98209;--rozet-gumus:#6b7280;--rozet-bronz:#a05a2c}

/* ====================== PORTAL ====================== */
/* rozet metal tokenları indigo ile AYNI değerler — ana sayfa sticker nadirlik pili
   (İyi Hissedin) indigo logic'in renk tokenlarını portal kapsamında da çözebilsin */
:root:where(html[data-app="portal"]), [data-theme="dark"]:where(html[data-app="portal"]), :where(html[data-app="portal"]) [data-theme="dark"]{--brand:#e74c3c;--accent:#e74c3c;--accent-soft:#c0392b;--accent-ink:#ffffff;--shadow:0 12px 44px rgba(0,0,0,.6);--rozet-altin:#e9c46a;--rozet-gumus:#9ca3af;--rozet-bronz:#c98a5e}
[data-theme="light"]:where(html[data-app="portal"]), :where(html[data-app="portal"]) [data-theme="light"]{--brand:#c0392b;--accent:#c0392b;--accent-soft:#a93226;--accent-ink:#ffffff;--shadow:0 6px 28px rgba(44,62,80,.10);--rozet-altin:#a98209;--rozet-gumus:#6b7280;--rozet-bronz:#a05a2c}
:where(html[data-app="portal"]) .nav-item{--app-c:var(--accent)}
:where(html[data-app="portal"]) .nav-item[data-id="refeel"]{--app-c:#c0392b}
:where(html[data-app="portal"]) .nav-item[data-id="perform"]{--app-c:#f39c12}
:where(html[data-app="portal"]) .nav-item[data-id="sense"]{--app-c:#3498db}
:where(html[data-app="portal"]) .nav-item[data-id="sentry"]{--app-c:#1abc9c}
:where(html[data-app="portal"]) .nav-item[data-id="fellas"]{--app-c:#8e6cc8}
:where(html[data-app="portal"]) .nav-item[data-id="ahtapos"]{--app-c:#001f3f}
:where(html[data-app="portal"]) .nav-item[data-id="flow"]{--app-c:#105a37}
:where(html[data-app="portal"]) .nav-item[data-id="agora"]{--app-c:#d35400}
