*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --blue: #4f6ef7;
  --blue-dark: #3a56d4;
  --blue-light: #eef1ff;
  --purple: #7c3aed;
  --purple-light: #ede9fe;
  --green: #10b981;
  --green-light: #ecfdf5;
  --orange: #f97316;
  --orange-light: #fff7ed;
  --pink: #ec4899;
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-900: #111827;
  --white: #fff;
  --header-h: 72px;
  --sidebar-w: 360px;
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow: 0 4px 20px rgba(0, 0, 0, 0.09);
  --shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.13);
  /* تم دوم (#141D30): آیتم فعال، دکمه‌های اصلی، نشان‌ها */
  --site-secondary: #141d30;
  --site-secondary-hover: #243352;
  --site-secondary-tint: #e8ebf0;
}

body {
  font-family: "Vazirmatn", ui-sans-serif, system-ui, sans-serif;
  background: #f0f2f7;
  color: var(--gray-900);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.site-content {
  flex: 1 0 auto;
}