/* ============================================================
   menüdesin — TEMA 09 · SARI + MOR   (+ Geist tipografisi)
   ------------------------------------------------------------
   Bu dosya en SON yüklenir ve sitenin derlenmiş Tailwind
   sınıflarının üstüne yazar. Tek yerden renk/tipografi değişimi.

   Sistem:
     sarı  → EYLEM (düğme, fiyat, vurgulanan kelime)
     mor   → BİLGİ (numara, rozet, etiket, ikincil bağlantı)
   Parlak sarı beyaz zeminde metin olarak okunmaz (kontrast 1.4);
   bu yüzden dolgu sarı, METİN sarısı koyulaştırılmış türevdir.
   Ölçülen kontrastlar: metin 19.3 · sönük 5.8 · mor 7.0 ·
   sarı metin 4.7 · sarı düğme yazısı 13.5 (AA eşiği 4.5)
   ============================================================ */
:root{
  --td-zemin:#FFFFFF;
  --td-yuzey:#FAFAFB;
  --td-yuzey2:#F3F2F7;
  --td-murekkep:#0F0D14;
  --td-mut:#4A4657;
  --td-mut2:#66627A;
  --td-cizgi:#E7E5EE;
  --td-sari:#FFD400;
  --td-sari-metin:#897200;
  --td-sari-yumusak:rgba(255,212,0,.16);
  --td-mor:#6C2BD9;
  --td-mor-yumusak:rgba(108,43,217,.10);
  --td-koyu:#0F0D14;
  --td-koyu-yazi:#FAFAFB;

  /* tipografi — Geist ailesi, mono etiket ve rakamlarda */
  --td-f:'Geist','Geist Fallback',system-ui,-apple-system,"Segoe UI",sans-serif;
  --td-fm:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}

/* ---------- TİPOGRAFİ ---------- */
html,body,button,input,select,textarea,
h1,h2,h3,h4,h5,h6,p,a,span,div,li,summary,small,b,strong{ font-family:var(--td-f); }
body{ letter-spacing:-.011em; }
h1,h2,h3,h4,.wordmk,.marka{ letter-spacing:-.035em; font-weight:600; }
.font-extrabold,.font-bold{ font-weight:600; }
h1,.text-\[58px\],.sm\:text-\[68px\],.lg\:text-\[58px\]{ font-weight:600; }
/* rakamlar, etiketler ve fiyatlar mono — "mühendislik ürünü" hissi */
.se-num,.hb-num,.kp-et b,.mn-etiket,.pf-tutar b,.pf-tutar span,
.tracking-\[0\.16em\],.tracking-\[0\.18em\],.tracking-\[0\.14em\],
.pr-ust-etiket,.pr-a-no,.mk-ad,.bol-bas,.rozet,.wk-p b,.wk-p em{
  font-family:var(--td-fm); font-weight:500; }

/* ---------- ZEMİNLER ---------- */
body,.paper{ background:var(--td-zemin) !important; color:var(--td-murekkep); }
.bg-bg{ background-color:var(--td-zemin) !important; }
.bg-card,.bg-white{ background-color:var(--td-yuzey) !important; }
.bg-cream\/60,.bg-cream\/70,.bg-bg\/40{ background-color:var(--td-yuzey2) !important; }
section[style*="linear-gradient(180deg,#FBF7EE"],
section[style*="linear-gradient(180deg,#FBF9F4"]{
  background:linear-gradient(180deg,var(--td-yuzey),var(--td-yuzey2)) !important; }

/* ---------- METİN ---------- */
.text-ink{ color:var(--td-murekkep) !important; }
.text-ink2{ color:var(--td-mut) !important; }
.text-ink3{ color:var(--td-mut2) !important; }
.text-gold{ color:var(--td-sari-metin) !important; }
.text-golddeep{ color:var(--td-mor) !important; }

/* ---------- EYLEM: SARI ---------- */
.bg-gold,.btn-gold{ background-color:var(--td-sari) !important; color:var(--td-murekkep) !important; }
.bg-gold.text-white,.btn-gold.text-white,.bg-gold *,.btn-gold *{ color:var(--td-murekkep) !important; }
.bg-gold\/10,.bg-gold\/15{ background-color:var(--td-sari-yumusak) !important; }
.border-gold\/30,.border-gold\/40,.border-gold\/50,
.hover\:border-gold\/50:hover{ border-color:rgba(255,212,0,.55) !important; }
.btn-gold{ box-shadow:0 14px 30px -18px rgba(255,212,0,.9) !important; }

/* ---------- BİLGİ: MOR ---------- */
.se-num,.hb-num,.pr-a-no,.bol-bas,.pr-ust-etiket,.kp-et b{ color:var(--td-mor) !important; }
.pr-etiket,.rozet{ color:var(--td-mor) !important; background:var(--td-mor-yumusak) !important;
  border-color:rgba(108,43,217,.24) !important; }
.pr-e-nokta{ background:var(--td-mor) !important; }
.hb-ok,.se-git,.pf-link{ color:var(--td-mor) !important; }

/* ---------- ÇİZGİLER ---------- */
.hairline,.border-ink\/8,.border-ink\/10,.border-ink\/12,.border-ink\/15,
.border-b.hairline,.border-t.hairline,.border-y.hairline{ border-color:var(--td-cizgi) !important; }

/* ---------- KOYU BÖLÜMLER ---------- */
section[style*="#221C16"],section[style*="#1C1710"],.bg-ink{
  background-color:var(--td-koyu) !important; color:var(--td-koyu-yazi) !important; }
.text-bg{ color:var(--td-koyu-yazi) !important; }

/* ---------- SAYFA PARÇALARI ---------- */
.nav{ background:rgba(255,255,255,.86) !important; border-color:var(--td-cizgi) !important; }
.cta{ background:var(--td-sari) !important; color:var(--td-murekkep) !important; }
.hb,.kart,.pr-adim,.pr-s,.pr-fiyat,.mn-kap,.wa-kredi{
  background:var(--td-yuzey) !important; border-color:var(--td-cizgi) !important; }
.hb:hover,.pr-adim:hover{ border-color:rgba(108,43,217,.45) !important; }
.pr-fiyat::before{ background:linear-gradient(90deg,var(--td-sari),var(--td-mor) 55%,transparent) !important; }
.pf-rozet{ color:var(--td-mor) !important; background:var(--td-mor-yumusak) !important;
  border-color:rgba(108,43,217,.24) !important; }
.pf-liste svg{ color:var(--td-sari-metin) !important; }
.pr-btn-ana,.pr-btn-demo{ background:var(--td-sari) !important; color:var(--td-murekkep) !important; }
.pr-btn-ikinci{ background:var(--td-yuzey) !important; border-color:var(--td-cizgi) !important;
  color:var(--td-murekkep) !important; }
.pr-guven svg,.pr-s summary::after{ color:var(--td-sari-metin) !important; }
.pr-s[open]{ border-color:rgba(108,43,217,.42) !important; }
.mk-nokta{ box-shadow:0 0 0 4px rgba(108,43,217,.14) !important; }
.mn-noktalar i.on{ background:var(--td-mor) !important; }
.il-mail{ background:linear-gradient(135deg,var(--td-sari),var(--td-sari-metin)) !important;
  color:var(--td-murekkep) !important; }
.hb-kapak .kp-et{ background:rgba(255,255,255,.18) !important; }
.tb-alt{ color:rgba(250,250,251,.55) !important; }

/* WhatsApp yeşili marka rengi olduğu için temaya bağlanmaz */
.wa-float,.bg-wa{ background:#1FA855 !important; }
.text-wa{ color:#1FA855 !important; }

/* ============================================================
   İSTİSNA: HERO MOCKUPU VE MİNİ TELEFONLAR
   Bunlar kendi palet motorunu çalıştırıyor (renkler saniyede bir
   değişiyor). Tema katmanı !important ile üstlerine yazınca koyu
   paletlerde yazılar kayboluyordu — kendi jetonlarına geri veriliyor.
   ============================================================ */
#mkTel .mk-ic .text-ink,#mkTel .mk-ic{ color:var(--mk-ink) !important; }
#mkTel .mk-ic .text-ink2,#mkTel .mk-ic .text-ink3{ color:var(--mk-mut) !important; }
#mkTel .mk-ic .text-gold{ color:var(--mk-ak) !important; }
#mkTel .mk-ic .bg-gold,#mkTel .mk-ic .bg-gold *{ background-color:var(--mk-ak) !important;
  color:var(--mk-akyazi) !important; }
#mkTel .mk-ic.bg-bg,#mkTel .mk-ic,#mkTel .mk-ic .bg-bg{ background-color:var(--mk-bg) !important; }
#mkTel .mk-ic .bg-card,#mkTel .mk-ic .bg-white{ background-color:var(--mk-kart) !important; }
#mkTel .mk-ic .bg-ink{ background-color:var(--mk-ink) !important; }
#mkTel .mk-ic .text-bg{ color:var(--mk-bg) !important; }
#mkTel .mk-ic .hairline,#mkTel .mk-ic [class*="border-ink"]{ border-color:var(--mk-cizgi) !important; }
#mkTel .mock-kapsul{ background:var(--mk-ink) !important; }
#mkTel .mock-kapsul,#mkTel .mock-kapsul .mk-tx{ color:var(--mk-bg) !important; }
#mkTel .mock-kapsul b{ color:var(--mk-ak) !important; }
#mkTel .mock-rozet{ background:var(--mk-ak) !important; color:var(--mk-akyazi) !important; }
#mkTel.mk-cerceve{ background:linear-gradient(160deg,#3a3733,#171613 55%,#26231f) !important; }
/* mini telefonlar satır içi renk taşıyor: tema katmanı karışmasın */
.mn-tel .rg-ekran,.mn-tel .rg-ekran *{ font-family:var(--td-f); }
/* mockup marka adı ve alt bar mut renginde kalıyordu — kendi jetonuna */
#mkTel .mk-ic .text-ink,#mkTel .mk-ic b,#mkTel .mk-ic .font-extrabold{ color:var(--mk-ink) !important; }
#mkTel .mk-ic .mk-marka{ color:var(--mk-ink) !important; }
/* mockup kapsülündeki "ONLINE" mavi paletlerde kayboluyordu → kendi vurgusu */
#mkTel .mock-kapsul b,#mkTel .mk-ic .text-gold{ color:var(--mk-ak) !important; }

/* ---------- KOYU BÖLÜMLERİN TEMAYA UYUMU ----------
   Adisyon sayfasındaki koyu bölüm kendi gradyanını taşıyor; tema
   metin renklerini açık tuttuğu için üstüne yazan .text-ink kuralı
   metinleri görünmez yapıyordu. Koyu kap içinde jetonlar ters çevrilir. */
[style*="#262B34"],[style*="#191D24"]{
  background:radial-gradient(120% 100% at 0% 0%, #1A1726 0%, #14111E 55%, #0F0D14 100%) !important; }
[style*="#262B34"] .text-ink,[style*="#191D24"] .text-ink,
[style*="#262B34"] h1,[style*="#262B34"] h2,[style*="#262B34"] h3,
[style*="#262B34"] b,[style*="#262B34"] strong{ color:#FAFAFB !important; }
[style*="#262B34"] .text-ink2,[style*="#262B34"] .text-ink3{ color:rgba(250,250,251,.66) !important; }
[style*="#262B34"] .text-gold{ color:#FFD400 !important; }
[style*="#262B34"] .hairline,[style*="#262B34"] [class*="border-ink"]{
  border-color:rgba(250,250,251,.14) !important; }
[style*="rgba(192,144,43,.12)"]{ background:rgba(255,212,0,.14) !important; }