/* tokens.css — TEK tema-değişkeni kaynağı (F3 kabul şartı 8; plan md.4).
   [2026-08-03 · D1] İçerik `hesabim.html`in tema bloğundan BİREBİR alındı.
   GEÇİŞ NOTU: hesabim.html kendi gömülü bloğunu HÂLÂ taşıyor — canlı müşteri
   sayfasına dokunuş (blok silme + <link>) AYRI onayla, önce/sonra ekran
   kıyasıyla yapılacak. O adıma dek çift tanım BİLİNÇLİ ve geçici; kanonik
   kaynak BU dosyadır. KARAR-B (Şahin): bu dosya public/ altında kalır —
   hesabim'in erişimi için bilinçli istisna (içerik yalnız tema değişkeni).
   Tema anahtarı: kanonik `cebi-theme` (localStorage); `html.light` sınıfı. */

/* ── Tema değişkenleri ──
   Varsayılan tema KARANLIK (uygulamanın geneliyle uyumlu).
   html.light sınıfı eklendiğinde aydınlık paleti devreye girer.
   --accent (marka sarısı) her iki temada da aynı kalır. */
:root {
  --dark: #19181C;            /* sidebar arka planı + sarı buton üstündeki koyu yazı — her iki temada aynı */
  --accent: #F2C52A;
  --accent-hover: #e6b820;
  --text-primary: #e8e8e8;
  --text-muted: #999;
  --border: #222;
  --bg-page: #080808;
  --error: #EF4444;
  --success: #22C55E;
  --sidebar-w: 220px;
  /* Kart/overlay arka planları */
  --card-bg: #0f0f0f;
  --bg-soft: #151515;
  --overlay-bg: rgba(0,0,0,0.6);
  --toast-bg: #18181b;
  --toast-text: #fff;
  --warning: #F59E0B;
  --info: #3080FF;
  /* Rozet renkleri (koyu tema — düşük opaklık zemin + açık yazı) */
  --badge-active-bg: rgba(34,197,94,.15);   --badge-active-fg: #4ade80;
  --badge-trial-bg: rgba(59,130,246,.15);   --badge-trial-fg: #93c5fd;
  --badge-cancel-bg: rgba(242,197,42,.15);  --badge-cancel-fg: #fcd34d;
  --badge-expired-bg: rgba(255,255,255,.08);--badge-expired-fg: #cbd5e1;
  --badge-warn-bg: rgba(245,158,11,.15);    --badge-warn-fg: #fbbf24;
  --badge-refunded-bg: rgba(236,72,153,.15);--badge-refunded-fg: #f9a8d4;
  /* Uyarı/durum kutuları (koyu tema) */
  --alert-error-bg: rgba(239,68,68,.1);     --alert-error-border: rgba(239,68,68,.35);
  --alert-success-bg: rgba(34,197,94,.1);   --alert-success-border: rgba(34,197,94,.35); --alert-success-fg: #4ade80;
  --alert-warning-bg: rgba(245,158,11,.1);  --alert-warning-border: rgba(245,158,11,.35);--alert-warning-fg: #fbbf24;
  --depleted-fg: #fca5a5;
  /* "Yeni bağlandı" vurgusu */
  --just-connected-bg: rgba(242,197,42,.12);
  /* Mevcut paket kartı vurgusu */
  --current-card-bg: rgba(34,197,94,.08);
  /* İlerleme çubuğu arka planı */
  --progress-track: #2a2a2a;
  /* input/buton kenarlık hover (eski #9CA3AF yerine) */
  --border-hover: #555;
}

/* ── Aydınlık tema override'ları ── (eski varsayılan değerler) */
html.light {
  --text-primary: #111827;
  --text-muted: #6B7280;
  --border: #E5E7EB;
  --bg-page: #F3F4F6;
  --card-bg: #fff;
  --bg-soft: #F9FAFB;
  --overlay-bg: rgba(0,0,0,0.5);
  --badge-active-bg: #dcfce7;   --badge-active-fg: #166534;
  --badge-trial-bg: #dbeafe;    --badge-trial-fg: #1e40af;
  --badge-cancel-bg: #fef9c3;   --badge-cancel-fg: #854d0e;
  --badge-expired-bg: #f3f4f6;  --badge-expired-fg: #374151;
  --badge-warn-bg: #fef3c7;     --badge-warn-fg: #92400e;
  --badge-refunded-bg: #fce7f3; --badge-refunded-fg: #9d174d;
  --alert-error-bg: #FEF2F2;    --alert-error-border: #FECACA;
  --alert-success-bg: #f0fdf4;  --alert-success-border: #bbf7d0; --alert-success-fg: #166534;
  --alert-warning-bg: #fffbeb;  --alert-warning-border: #fde68a; --alert-warning-fg: #92400e;
  --depleted-fg: #991B1B;
  --just-connected-bg: #fef9c3;
  --current-card-bg: #F0FDF4;
  --progress-track: #e5e7eb;
  --border-hover: #9CA3AF;
}

/* ════ CHAT YÜZEYİ (D1, 2026-08-03 — Şahin Ç1/Ç2 kararı) ════
   Değerler Chainlit 2.11 temasından ÖLÇÜLDÜ (dist CSS), KODU KOPYALANMADI —
   Chainlit gidince arayüz tek başına ayakta (Şahin temel ilkesi).
   Chat varsayılanı AÇIK (Ç2 — referans ekran); koyu = html.dark.
   hesabim yukarıdaki kendi bloğunu kullanır (html.light mekanizması) —
   iki yüzey tek dosyada, önekle ayrık: chat değişkenleri --c-*. */
:root {
  --c-bg: hsl(0 0% 100%);
  --c-fg: hsl(0 0% 5%);
  --c-muted-fg: hsl(0 0% 36%);
  --c-card: hsl(0 0% 100%);
  --c-sidebar-bg: hsl(0 0% 98%);
  --c-sidebar-border: hsl(220 13% 91%);
  --c-hover: hsl(0 0% 95%);
  --c-active: hsl(240 4.8% 95.9%);
  --c-border: hsl(0 0% 90%);
  --c-input: hsl(0 0% 90%);
  --c-radius: .75rem;            /* taban; composer/kart 1rem-1.5rem */
  --c-sidebar-w: 16rem;          /* Ç4: 256px (referans) */
  --c-font: ui-sans-serif, system-ui, sans-serif;   /* Ç3 (plan 'Outfit' çürütüldü) */
  --c-danger: hsl(0 84.2% 60.2%);
  /* ortak marka vurgusu — hesabim --accent ile AYNI değer */
  --c-accent: #F2C52A;
  --c-accent-hover: hsl(47 88% 48%);
  --c-accent-fg: #000;
  /* [2026-08-06] İskelet yüzeyleri — `chat.css:.msg-skeleton` bunları
     TÜKETİYORDU ama HİÇBİR YERDE TANIMLI DEĞİLDİ: fallback'e düşüp iki
     temada da SABİT AÇIK GRİ çiziyordu (koyu temada bağıran açık şeritler).
     Kapısı artık `tests/css_degisken_kapisi.py`. */
  --c-surface-2: hsl(0 0% 92%);
  --c-surface-3: hsl(0 0% 96%);
}
html.dark {
  --c-bg: hsl(0 0% 13%);
  --c-surface-2: hsl(0 0% 20%);
  --c-surface-3: hsl(0 0% 26%);
  --c-fg: hsl(0 0% 93%);
  --c-muted-fg: hsl(0 0% 71%);
  --c-card: hsl(0 0% 18%);
  --c-sidebar-bg: hsl(0 0% 9%);
  --c-sidebar-border: hsl(240 3.7% 15.9%);
  --c-hover: hsl(0 0% 26%);
  --c-active: hsl(0 0% 26%);
  --c-border: hsl(0 1% 26%);
  --c-input: hsl(0 1% 26%);
  --c-danger: hsl(0 62.8% 45%);
}