/* ============================================================
   Paybana — Tasarım Token'ları
   Tek gerçek kaynak. theme.css ve tables.css bunları tüketir.
   Hiçbir seçici yok, sadece değişken — bu dosya asla bir şeyi bozamaz.
   ============================================================ */

:root {
  /* --- Marka ---------------------------------------------------
     #30b9d1 mevcut marka rengi. Beyaz metinle kontrastı 2.34:1,
     WCAG AA'yı GEÇMEZ. Bu yüzden ikiye ayrıldı:
       --pb-brand   → yüzey/aksan, yalnızca KOYU metinle
       --pb-primary → etkileşim, beyaz metinle (5.36:1, AA geçer)
  ------------------------------------------------------------ */
  --pb-brand:        #30b9d1;
  --pb-brand-50:     #eafafd;
  --pb-brand-100:    #d0f2f8;
  --pb-brand-600:    #1897b0;
  --pb-brand-700:    #14788d;

  --pb-primary:      #0e7490;
  --pb-primary-50:   #ecfeff;
  --pb-primary-100:  #cff6fd;
  --pb-primary-600:  #0b5f77;
  --pb-primary-700:  #094c5f;

  /* --- Nötr yüzeyler ------------------------------------------ */
  --pb-bg:           #f1f5f9;   /* sayfa zemini */
  --pb-surface:      #ffffff;   /* kart yüzeyi */
  --pb-surface-2:    #f8fafc;   /* tablo başlığı, ikincil yüzey */
  --pb-surface-3:    #f1f5f9;   /* hover, pasif */

  --pb-border:       #e2e8f0;
  --pb-border-strong:#cbd5e1;

  --pb-text:         #0f172a;
  --pb-text-2:       #334155;
  --pb-text-muted:   #64748b;
  --pb-text-faint:   #94a3b8;

  /* --- Sidebar (koyu) ----------------------------------------- */
  --pb-sidebar-bg:       #0f172a;
  --pb-sidebar-bg-2:     #1e293b;
  --pb-sidebar-text:     #cbd5e1;
  --pb-sidebar-text-dim: #94a3b8;
  --pb-sidebar-active:   #ffffff;

  /* --- Durum renkleri ----------------------------------------- */
  --pb-success:      #15803d;
  --pb-success-bg:   #dcfce7;
  --pb-warning:      #b45309;
  --pb-warning-bg:   #fef3c7;
  --pb-danger:       #b91c1c;
  --pb-danger-bg:    #fee2e2;
  --pb-info:         #0e7490;
  --pb-info-bg:      #cff6fd;
  --pb-neutral:      #475569;
  --pb-neutral-bg:   #e2e8f0;

  /* --- Form ---------------------------------------------------- */
  --pb-radius:       10px;
  --pb-radius-sm:    6px;
  --pb-radius-pill:  999px;

  --pb-shadow-1: 0 1px 2px rgb(15 23 42 / .06), 0 1px 3px rgb(15 23 42 / .10);
  --pb-shadow-2: 0 4px 6px -1px rgb(15 23 42 / .08), 0 2px 4px -2px rgb(15 23 42 / .06);
  --pb-shadow-3: 0 10px 15px -3px rgb(15 23 42 / .08), 0 4px 6px -4px rgb(15 23 42 / .05);

  --pb-ring: 0 0 0 3px rgb(14 116 144 / .18);

  /* --- Tipografi ------------------------------------------------
     Oswald bir BAŞLIK fontu; UI fontu olarak kullanılıyordu.
     Inter, rakam okunabilirliği ve latin-ext (Türkçe) için doğru seçim.
  ------------------------------------------------------------ */
  --pb-font: "Inter", -apple-system, "Segoe UI", Roboto, system-ui, sans-serif;
  --pb-font-mono: "SF Mono", "Cascadia Mono", Consolas, monospace;

  --pb-fs-xs:   11px;
  --pb-fs-sm:   12.5px;
  --pb-fs-base: 14px;
  --pb-fs-lg:   16px;
  --pb-fs-xl:   20px;
  --pb-fs-2xl:  26px;
  --pb-fs-3xl:  34px;

  --pb-space-1: 4px;
  --pb-space-2: 8px;
  --pb-space-3: 12px;
  --pb-space-4: 16px;
  --pb-space-5: 24px;
  --pb-space-6: 32px;
}