/* ============================================================
   POWER DESIGN SYSTEM — TOKENS  (v10, 2026-06-10)
   Tek kaynak: renk · tipografi · boşluk · radius · gölge.
   Prefix: --pw-*  (eski --power-/--clean-/--f-/--ui- ile çakışmaz)
   Stil yönü: temiz açık profesyonel (Linear/Stripe/Notion).
   ============================================================ */

:root {
  /* ---- Nötr slate iskelet ---- */
  --pw-white:        #ffffff;
  --pw-bg:           #f8fafc;   /* sayfa zemini  (slate-50) */
  --pw-surface:      #ffffff;   /* kart/panel    */
  --pw-surface-2:    #f1f5f9;   /* hafif dolgu   (slate-100) */
  --pw-surface-3:    #e2e8f0;   /* daha koyu dolgu (slate-200) */
  --pw-border:       #e2e8f0;   /* standart kenarlık (slate-200) */
  --pw-border-soft:  #eef2f6;   /* ince ayraç */
  --pw-border-strong:#cbd5e1;   /* belirgin kenarlık (slate-300) */

  /* ---- Metin skalası (kontrast AA+) ---- */
  --pw-text:         #0f172a;   /* başlık/gövde   (slate-900) */
  --pw-text-2:       #475569;   /* muted          (slate-600) */
  --pw-text-3:       #64748b;   /* subtle         (slate-500) */
  --pw-text-faint:   #94a3b8;   /* faint          (slate-400) */
  --pw-text-on-accent:#ffffff;

  /* ---- Marka accent: cyan (tek vurgu) ---- */
  --pw-accent:        #0891b2;  /* dolgu/aktif    (cyan-600) */
  --pw-accent-hover:  #0e7490;  /* hover          (cyan-700) */
  --pw-accent-strong: #155e75;  /* metin/koyu     (cyan-800, AA on white) */
  --pw-accent-soft:   #ecfeff;  /* yumuşak zemin  (cyan-50) */
  --pw-accent-softer: #f0fdff;
  --pw-accent-border: #a5e8f5;  /* yumuşak kenarlık */
  --pw-accent-ring:   rgba(8,145,178,.35);

  /* ---- Semantik durum ---- */
  --pw-success:       #059669;  --pw-success-text:#047857;  --pw-success-soft:#ecfdf5;  --pw-success-border:#a7f3d0;
  --pw-warning:       #d97706;  --pw-warning-text:#b45309;  --pw-warning-soft:#fffbeb;  --pw-warning-border:#fde68a;
  --pw-danger:        #dc2626;  --pw-danger-text:#b91c1c;   --pw-danger-soft:#fef2f2;   --pw-danger-border:#fecaca;
  --pw-info:          var(--pw-accent);
  --pw-info-text:     var(--pw-accent-strong);
  --pw-info-soft:     var(--pw-accent-soft);
  --pw-info-border:   var(--pw-accent-border);

  /* ---- Tipografi ---- */
  --pw-font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --pw-font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', 'Cascadia Code', Consolas, monospace;

  --pw-fs-xs:   12px;
  --pw-fs-sm:   13px;
  --pw-fs-base: 14px;   /* gövde varsayılan */
  --pw-fs-md:   15px;
  --pw-fs-lg:   16px;
  --pw-fs-xl:   20px;
  --pw-fs-2xl:  24px;
  --pw-fs-3xl:  30px;
  --pw-fs-4xl:  36px;

  --pw-fw-normal: 400;
  --pw-fw-medium: 500;
  --pw-fw-semibold: 600;
  --pw-fw-bold: 700;

  --pw-lh-tight: 1.25;
  --pw-lh-snug:  1.4;
  --pw-lh-normal:1.55;
  --pw-lh-relaxed:1.7;

  /* ---- Boşluk (4px ritmi) ---- */
  --pw-1: 4px;   --pw-2: 8px;   --pw-3: 12px;  --pw-4: 16px;
  --pw-5: 20px;  --pw-6: 24px;  --pw-8: 32px;  --pw-10: 40px;
  --pw-12: 48px; --pw-16: 64px;

  /* ---- Radius ---- */
  --pw-r-sm:  6px;
  --pw-r:     8px;
  --pw-r-md:  10px;
  --pw-r-lg:  14px;
  --pw-r-xl:  18px;
  --pw-r-full: 999px;

  /* ---- Gölge (katmanlı, yumuşak) ---- */
  --pw-shadow-xs: 0 1px 2px rgba(15,23,42,.04);
  --pw-shadow-sm: 0 1px 3px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);
  --pw-shadow:    0 4px 12px -2px rgba(15,23,42,.08), 0 2px 6px -2px rgba(15,23,42,.05);
  --pw-shadow-md: 0 12px 24px -6px rgba(15,23,42,.10), 0 4px 8px -4px rgba(15,23,42,.06);
  --pw-shadow-lg: 0 24px 48px -12px rgba(15,23,42,.18);

  /* ---- Layout ---- */
  --pw-sidebar-w: 256px;
  --pw-topbar-h:  58px;
  --pw-page-max:  1440px;

  /* ---- Hareket ---- */
  --pw-t-fast: 120ms cubic-bezier(.4,0,.2,1);
  --pw-t:      160ms cubic-bezier(.4,0,.2,1);
  --pw-t-slow: 240ms cubic-bezier(.4,0,.2,1);

  /* ---- z-index skalası ---- */
  --pw-z-base: 1;
  --pw-z-sticky: 20;
  --pw-z-sidebar: 40;
  --pw-z-overlay: 80;
  --pw-z-modal: 100;
  --pw-z-toast: 1000;
}