/* İnstakoz — Design System */
:root {
  --ikz-violet: #7c3aed;
  --ikz-pink: #db2777;
  --ikz-orange: #f97316;
  --ikz-coral: #fb7185;

  --brand-grad: linear-gradient(135deg, #7c3aed 0%, #db2777 48%, #f97316 100%);
  --brand-grad-btn: linear-gradient(135deg, #8b5cf6, #db2777, #f97316);
  --brand-grad-soft: linear-gradient(135deg, rgba(124, 58, 237, 0.18), rgba(219, 39, 119, 0.1));
  --brand-glow: rgba(219, 39, 119, 0.38);

  --color-bg: #06060c;
  --color-bg-elevated: #0c0c14;
  --color-surface: #11111b;
  --color-surface-2: #171724;
  --color-surface-3: #1e1e2e;
  --color-surface-glass: rgba(17, 17, 27, 0.78);

  --color-border: rgba(255, 255, 255, 0.08);
  --color-border-strong: rgba(255, 255, 255, 0.14);

  --color-text: #f8fafc;
  --color-text-muted: #a8b0c2;
  --color-text-dim: #6b7288;

  --color-success: #34d399;
  --color-warning: #fbbf24;
  --color-danger: #f87171;
  --color-info: #60a5fa;

  --radius-xl: 20px;
  --radius-lg: 16px;
  --radius-md: 12px;
  --radius-sm: 10px;
  --radius-full: 999px;

  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.28);
  --shadow-md: 0 12px 40px rgba(0, 0, 0, 0.38);
  --shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.45);
  --shadow-glow: 0 10px 42px var(--brand-glow);

  --font-sans: 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, sans-serif;
  --sidebar-w: 272px;
  --topbar-h: 72px;
  --header-h: 76px;
  --content-max: 1200px;
  --mobile-nav-h: 68px;

  --transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}