@import "tailwindcss";

@theme {
  --color-primary-50: #f5f3ff;
  --color-primary-100: #ede9fe;
  --color-primary-200: #ddd6fe;
  --color-primary-300: #c4b5fd;
  --color-primary-400: #a78bfa;
  --color-primary-500: #8b5cf6;
  --color-primary-600: #7c3aed;
  --color-primary-700: #6d28d9;
  --color-primary-800: #5b21b6;
  --color-primary-900: #4c1d95;

  --color-bg-body: #f1f5f9;
  --color-bg-card: #ffffff;
  --color-bg-sidebar: #0f172a;
  --color-bg-sidebar-active: rgba(139, 92, 246, 0.15);

  --font-sans: "Vazirmatn", "Inter", ui-sans-serif, system-ui, sans-serif;
}

* {
  font-family: var(--font-sans);
}

body {
  background-color: var(--color-bg-body);
  direction: rtl;
}