/* ==========================================================
   /modules/kategori/css/00-tokens.css
   Kurumsal tasarım tokenları (RENK / BOŞLUK / RADIUS / SHADOW)
   - Bu dosyayı değiştirince tüm kategori UI toparlanır.
   ========================================================== */

:root{
  /* --------------------------
     Brand (Kurumsal Renkler)
     -------------------------- */
  --brand:   #2563eb;  /* ana mavi */
  --brand-2: #1d4ed8;  /* koyu mavi */
  --brand-soft: rgba(37,99,235,.10);

  /* Aksiyon / durum renkleri (ileride lazım olur) */
  --success: #16a34a;
  --warning: #f59e0b;
  --danger:  #dc2626;

  /* --------------------------
     Surfaces (Zeminler)
     -------------------------- */
  --bg:        #f6f7fb;   /* sayfa arkaplan */
  --surface:   #ffffff;   /* kart/box */
  --surface-2: #fbfcff;   /* hafif ton */
  --overlay:   rgba(15,23,42,.45);

  /* --------------------------
     Text (Yazılar)
     -------------------------- */
  --text:  #0f172a;  /* ana */
  --muted: #64748b;  /* ikincil */
  --hint:  #94a3b8;  /* placeholder vb */

  /* --------------------------
     Lines (Çizgiler/Bordler)
     -------------------------- */
  --border: #e5e7eb;
  --border-2: #dbe1ea;

  /* --------------------------
     Radius (Köşe yuvarlaklığı)
     -------------------------- */
  --r-xs: 10px;
  --r-sm: 12px;
  --r-md: 14px;
  --r-lg: 18px;
  --r-xl: 22px;

  /* --------------------------
     Shadows (Gölge)
     -------------------------- */
  --sh-xs: 0 6px 14px rgba(15,23,42,.05);
  --sh-sm: 0 10px 22px rgba(15,23,42,.06);
  --sh-md: 0 14px 30px rgba(15,23,42,.08);

  /* Brand glow (buton hover vs) */
  --sh-brand: 0 10px 24px rgba(37,99,235,.22);

  /* --------------------------
     Spacing Scale (Boşluk)
     (rastgele px yok → hep buradan)
     -------------------------- */
  --s1:  4px;
  --s2:  8px;
  --s3:  12px;
  --s4:  16px;
  --s5:  24px;
  --s6:  32px;
  --s7:  40px;
  --s8:  48px;

  /* --------------------------
     Typography (Font)
     -------------------------- */
  --font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial,
          "Noto Sans", "Apple Color Emoji","Segoe UI Emoji";

  /* --------------------------
     Layout (Genişlik / Sticky)
     -------------------------- */
  --container: 1040px;

  /* Header yüksekliğine göre ayarla (sidebar sticky top) */
  --stickyTop: 86px;

  /* --------------------------
     Focus ring (kurumsal)
     -------------------------- */
  --focus: 0 0 0 3px rgba(37,99,235,.18);

  /* --------------------------
     Motion (minik geçişler)
     -------------------------- */
  --ease: cubic-bezier(.2,.8,.2,1);
  --t-fast: 140ms;
  --t: 220ms;

  /* --------------------------
     Z-index katmanları
     -------------------------- */
  --z-overlay: 1100;
  --z-drawer:  1200;
  --z-pop:     9999;
}

/* (İstersen ileride dark theme ekleriz; şimdilik dokunma) */