/* ==========================================================================
   myBG Admin Panel — Design Tokens
   BG Makina brand system. Blade/Laravel taşınabilir.
   ========================================================================== */

:root {
  /* --- Brand ------------------------------------------------------------ */
  --brand-blue:        #009EE3;
  --brand-blue-600:    #0089c6;
  --brand-blue-700:    #0072a6;
  --brand-blue-050:    #e6f6fd;
  --brand-orange:      #EF7C00;
  --brand-orange-600:  #d66e00;
  --brand-orange-050:  #fdf1e5;

  /* --- Neutrals --------------------------------------------------------- */
  --ink-900: #0f172a;   /* başlıklar */
  --ink-700: #334155;   /* gövde metni */
  --ink-500: #64748b;   /* ikincil metin */
  --ink-400: #94a3b8;   /* placeholder / ikon pasif */
  --line:    #e2e8f0;   /* kenarlık */
  --line-2:  #eef2f7;   /* ince ayraç */
  --surface: #ffffff;   /* kart yüzeyi */
  --bg:      #f4f7fb;   /* sayfa arka planı */
  --sidebar-bg: #0b2740;/* koyu lacivert sidebar */
  --sidebar-ink: #cbd8e6;
  --sidebar-active: #009EE3;

  /* --- Semantic --------------------------------------------------------- */
  --success:   #16a34a;
  --success-050:#e9f7ef;
  --warning:   #f59e0b;
  --warning-050:#fef4e2;
  --danger:    #dc2626;
  --danger-050: #fdeaea;
  --info:      var(--brand-blue);

  /* --- Typography — tek aile: Inter (400/500/600/700/800) --------------- */
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-head: var(--font-body);
  /* ağırlık tokenları */
  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semibold:600;
  --fw-bold:    700;
  --fw-extra:   800;

  --fs-xs:  12px;
  --fs-sm:  13px;
  --fs-md:  14px;
  --fs-lg:  16px;
  --fs-xl:  20px;
  --fs-2xl: 26px;
  --fs-3xl: 32px;

  /* --- Radius & Shadow -------------------------------------------------- */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-pill: 999px;

  --sh-sm: 0 1px 2px rgba(15,23,42,.06);
  --sh-md: 0 4px 16px rgba(15,23,42,.08);
  --sh-lg: 0 12px 32px rgba(15,23,42,.12);

  /* --- Layout ----------------------------------------------------------- */
  --sidebar-w: 260px;
  --topbar-h: 64px;
  --gap: 24px;
}