/* ============================================================
   Tasarım Token'ları — Maraş Web Tasarım Panel
   Renk, tipografi, boşluk, yarıçap, gölge. Açık + koyu mod.
   ============================================================ */

:root {
  /* Marka — İndigo/Blue SaaS */
  --brand-50:  #eef2ff;
  --brand-100: #e0e7ff;
  --brand-200: #c7d2fe;
  --brand-300: #a5b4fc;
  --brand-400: #818cf8;
  --brand-500: #6366f1;
  --brand-600: #4f46e5;
  --brand-700: #4338ca;
  --brand-800: #3730a3;
  --brand-900: #312e81;

  /* Nötr ölçek */
  --n-0:   #ffffff;
  --n-50:  #f8fafc;
  --n-100: #f1f5f9;
  --n-200: #e2e8f0;
  --n-300: #cbd5e1;
  --n-400: #94a3b8;
  --n-500: #64748b;
  --n-600: #475569;
  --n-700: #334155;
  --n-800: #1e293b;
  --n-900: #0f172a;

  /* Anlamsal */
  --success: #16a34a;
  --success-bg: #f0fdf4;
  --warning: #d97706;
  --warning-bg: #fffbeb;
  --danger: #dc2626;
  --danger-bg: #fef2f2;
  --info: #0891b2;
  --info-bg: #ecfeff;

  /* Yüzeyler */
  --bg: var(--n-100);
  --surface: var(--n-0);
  --surface-2: var(--n-50);
  --border: var(--n-200);
  --text: var(--n-900);
  --text-muted: var(--n-500);
  --text-soft: var(--n-600);

  /* Ölçü / biçim */
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  --shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);
  --shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);
  --shadow: 0 12px 28px -14px rgba(15, 23, 42, .18);
  --shadow-lg: 0 28px 60px -22px rgba(15, 23, 42, .28);
  --shadow-hover: 0 18px 38px -16px rgba(15, 23, 42, .22);

  /* Marka geçişleri — ince, modern vurgular */
  --brand-grad: linear-gradient(135deg, var(--brand-600) 0%, var(--brand-500) 100%);
  --brand-soft-grad: linear-gradient(135deg, var(--brand-50) 0%, rgba(255, 255, 255, .6) 100%);
  --hero-grad: linear-gradient(135deg, #1e1b4b 0%, #312e81 45%, #4338ca 100%);

  /* Sayısal hizalama — para tutarları için */
  --num-features: "tnum" 1, "lnum" 1;

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

  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  --sidebar-w: 268px;
  --topbar-h: 66px;

  --ring: 0 0 0 4px rgba(99, 102, 241, .18);
}

[data-theme="dark"] {
  --bg: #080e1a;
  --surface: #0f1729;
  --surface-2: #131d33;
  --border: #1f2b41;
  --text: #e9effc;
  --text-muted: #93a1b8;
  --text-soft: #c6d1e4;

  --brand-soft-grad: linear-gradient(135deg, rgba(99, 102, 241, .18) 0%, rgba(99, 102, 241, .04) 100%);

  --success-bg: #0b2a1a;
  --warning-bg: #2a210c;
  --danger-bg: #2a1113;
  --info-bg: #07242b;

  --shadow-xs: 0 1px 2px rgba(0, 0, 0, .45);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);
  --shadow: 0 14px 32px -16px rgba(0, 0, 0, .6);
  --shadow-lg: 0 30px 64px -22px rgba(0, 0, 0, .75);
  --shadow-hover: 0 22px 44px -18px rgba(0, 0, 0, .7);
}