/* ═══════════════════════════════════════════════════════════════════════
   🎨 PAWORA SİTESİ — TEK RENK KAYNAĞI (açık + koyu)
   ═══════════════════════════════════════════════════════════════════════

   🔴 NEDEN VAR (2026-09-01, kullanıcı bildirdi): *"sağda solda leke gibi
     bir şey görünüyor."* Haklıydı, ama sebep blob'lar değildi — BEŞ
     SAYFANIN HİÇBİRİNDE koyu tema ve `color-scheme` beyanı YOKTU. Koyu mod
     kullanan herkese sayfayı TARAYICI kendi algoritmasıyla çeviriyordu ve
     yarı saydam marka blob'ları o çevrilmiş zeminde çamura dönüyordu.

   🧨 KÖK SEBEP, uygulamada 2026-08-29'da ölçülenin AYNISI:
     **saydam renk, altındaki zemine göre BAŞKA renk üretir.**
       `accentPink @18` BEYAZ üzerinde → #FFE4ED  (temiz, hoş)
                        SİYAH üzerinde → #2E131C  (çamurlu bordo)
     Uygulamadaki karar (kullanıcı, iki tur): marka rengi YÜZEYDEN çekilir,
     KENARLIKTA ve YAZIDA kalır. Site de o karara hizalandı.

   🗳️ KULLANICI KARARI (2026-09-01): seçenek **B** — gerçek koyu tema.
     ⛔ "sadece blob'ları sil" (seçenek C) REDDEDİLDİ: belirtiyi siler,
        sebebi bırakırdı; sayfa yine makineyle çevrilirdi.

   ⛔ BEŞ SAYFA DA BURAYI KULLANIR (`index`, `privacy`, `terms`,
     `delete-account`, `hosgeldin`). Renk sabitini sayfaya GERİ YAZMA —
     bu depoda "5 kopya" tam olarak bugün çürütülen örüntü.

   🔑 Koyu değerler uygulamanın `app_colors.dart` tokenlarıyla AYNI:
     zemin #000000 · kart #1C1C1E · kenarlık #38383A · metin #FFFFFF /
     #A1A1A6 / #8E8E93. Site ve uygulama aynı dili konuşsun.
   ═══════════════════════════════════════════════════════════════════════ */

:root {
  color-scheme: light dark;

  --bg: #FAFAFA;
  --surface: #FFFFFF;
  --border: #EAEAEA;

  --t1: #1A1A1A;
  --t2: #4B453F;
  --t3: #8A847E;
  --t4: #AAAAAA;

  /* Marka — her iki temada AYNI (kimlik taşıyor) */
  --brand-pink: #FF6B9D;
  --brand-violet: #8B5CF6;
  --brand-violet-deep: #7C3AED;
  --brand-grad: linear-gradient(135deg, #FF6B9D, #8B5CF6);

  /* 🎨 Marka yıkaması — AÇIK temada saydam gradyan DOĞRU iş yapıyor
     (#FFE4ED gibi temiz tonlar). Koyu temada düz yüzeye iniyor. */
  --wash: linear-gradient(135deg, rgba(255, 107, 157, 0.20), rgba(139, 92, 246, 0.20));
  --wash-soft: linear-gradient(135deg, rgba(255, 107, 157, 0.15), rgba(139, 92, 246, 0.15));
  --wash-border: rgba(139, 92, 246, 0.30);
  --chip-bg: rgba(139, 92, 246, 0.12);
  --chip-border: rgba(139, 92, 246, 0.30);
  --chip-text: #7C3AED;
  --switch-bg: rgba(139, 92, 246, 0.10);

  --phone-bg: linear-gradient(160deg, #FFF5F8, #F3E8FF);
  --phone-frame: #FFFFFF;

  /* Blob'lar — açık zeminde ambiyans veriyor, leke YAPMIYOR. */
  --blob-a: rgba(255, 107, 157, 0.18);
  --blob-b: rgba(139, 92, 246, 0.15);
  --blob-blur: 80px;

  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.05);
  --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.04);
  --shadow-phone: 0 30px 80px rgba(139, 92, 246, 0.30);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #000000;
    --surface: #1C1C1E;
    --border: #38383A;

    --t1: #FFFFFF;
    --t2: #A1A1A6;
    --t3: #8E8E93;
    --t4: #6E6E73;

    /* 🎯 KARARIN ÖZÜ: yüzeyler DÜZ. Saydam marka gradyanı koyu zeminde
       çamur üretiyordu; marka artık kenarlıkta, yazıda ve düğmede. */
    --wash: none;
    --wash-soft: none;
    --wash-border: #38383A;
    --chip-bg: transparent;
    --chip-border: rgba(139, 92, 246, 0.55);
    --chip-text: #C4B5FD;
    --switch-bg: #1C1C1E;

    --phone-bg: #1C1C1E;
    --phone-frame: #2C2C2E;

    /* ⛔ BLOB'LAR KOYU TEMADA KAPALI — kullanıcının gördüğü "leke" buydu.
       Değeri `transparent` yapmak, elemanı silmekten iyi: HTML ortak,
       yalnız renk temaya bağlı. */
    --blob-a: transparent;
    --blob-b: transparent;
    --blob-blur: 0px;

    --shadow-sm: none;
    --shadow-card: none;
    --shadow-phone: 0 24px 60px rgba(0, 0, 0, 0.6);
  }
}

/* ── Yasal/işlem sayfalarının ek tokenları ───────────────────────────── */
:root {
  --t-body: #3A3A3A;          /* gövde paragrafı (t2'den bir tık koyu) */
  --t-footer: #888888;
  --ok: #22C55E;              /* ✓ işareti — iki temada da okunur */
  --panel-overlay: rgba(255, 255, 255, 0.2);
  --shadow-panel: 0 4px 16px rgba(0, 0, 0, 0.08);

  /* Uyarı bloğu (hesap silme) */
  --warn-bg: #FEF2F2;
  --warn-border: #FCA5A5;
  --warn-text: #DC2626;

  /* Karşılama kartı */
  --card-shadow: 0 20px 60px rgba(139, 92, 246, 0.12);
  --tip-bg: rgba(139, 92, 246, 0.08);
  --tip-border: rgba(139, 92, 246, 0.22);
}

@media (prefers-color-scheme: dark) {
  :root {
    --t-body: #C7C7CC;
    --t-footer: #8E8E93;
    --ok: #30D158;            /* koyu zeminde daha okunur yeşil */
    --panel-overlay: rgba(255, 255, 255, 0.06);
    --shadow-panel: none;

    /* ⚠️ #FEF2F2 gibi ÇOK AÇIK bir zemin koyu temada göz alır.
       Uyarı kimliği KENARLIK ve YAZIDA kalıyor — marka yıkaması kararının
       aynısı: renk yüzeyden çekilir, anlam taşıyan yerde durur. */
    --warn-bg: #1C1C1E;
    --warn-border: #7F1D1D;
    --warn-text: #FF6B6B;

    --card-shadow: 0 20px 60px rgba(0, 0, 0, 0.55);
    --tip-bg: transparent;
    --tip-border: rgba(139, 92, 246, 0.45);
  }
}