/* ==========================================================================
   CRM Kasa — Tasarim Belirtecleri (turuncu / beyaz)
   ========================================================================== */

:root {
  /* Marka — turuncu skala */
  --brand-50:  #fff4ec;
  --brand-100: #ffe4d1;
  --brand-200: #ffc8a4;
  --brand-300: #ffa76d;
  --brand-400: #ff8a3d;
  --brand-500: #f97316;  /* ana turuncu */
  --brand-600: #e35d09;
  --brand-700: #b84706;
  --brand-800: #8f380a;
  --brand-900: #71300e;

  /* Notr — sicak grimsi */
  --ink-900: #1c1917;
  --ink-800: #292524;
  --ink-700: #44403c;
  --ink-600: #57534e;
  --ink-500: #78716c;
  --ink-400: #a8a29e;
  --ink-300: #d6d3d1;
  --ink-200: #e7e5e4;
  --ink-100: #f5f5f4;
  --ink-50:  #fafaf9;

  /* Durum renkleri */
  --ok-500:   #16a34a;
  --ok-50:    #ecfdf5;
  --warn-500: #d97706;
  --warn-50:  #fffbeb;
  --err-500:  #dc2626;
  --err-50:   #fef2f2;
  --info-500: #0284c7;
  --info-50:  #f0f9ff;

  /* Yuzeyler */
  --surface:        #ffffff;
  --surface-muted:  var(--ink-50);
  --page-bg:        #f4f5f7;
  --sidebar-bg:     #ffffff;
  --sidebar-tint:   #fffaf6;
  --border:         var(--ink-200);
  --border-strong:  var(--ink-300);

  /* Metin */
  --text:         var(--ink-800);
  --text-muted:   var(--ink-500);
  --text-faint:   var(--ink-400);
  --text-invert:  #ffffff;

  /* Tipografi */
  --font-sans: "Segoe UI", system-ui, -apple-system, "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Cascadia Mono", "Consolas", ui-monospace, monospace;
  --fs-xs:   11px;
  --fs-sm:   12.5px;
  --fs-base: 14px;
  --fs-md:   15px;
  --fs-lg:   18px;
  --fs-xl:   22px;
  --fs-2xl:  28px;
  --fs-3xl:  34px;

  /* Olcu */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;

  --radius-sm: 6px;
  --radius:    10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(28, 25, 23, .06);
  --shadow:    0 2px 8px rgba(28, 25, 23, .07);
  --shadow-md: 0 6px 20px rgba(28, 25, 23, .09);
  --shadow-lg: 0 16px 40px rgba(28, 25, 23, .12);
  --shadow-brand: 0 6px 18px rgba(249, 115, 22, .28);

  /* Yerlesim */
  --sidebar-w: 264px;
  --sidebar-w-collapsed: 74px;
  --topbar-h: 62px;

  --transition: 160ms cubic-bezier(.4, 0, .2, 1);
}