/* Colors System - سیستم رنگ‌بندی مدرن تک‌رنگ (Monochrome/Blue) */
/* بر اساس الگوی جدید ساده و مدرن */

:root {
  /* Primary Colors - آبی استاندارد و مدرن (Tailwind Blue) */
  --color-primary-50: #eff6ff;
  --color-primary-100: #dbeafe;
  --color-primary-200: #bfdbfe;
  --color-primary-300: #93c5fd;
  --color-primary-400: #60a5fa;
  --color-primary-500: #3b82f6; /* رنگ اصلی */
  --color-primary-600: #2563eb;
  --color-primary-700: #1d4ed8;
  --color-primary-800: #1e40af;
  --color-primary-900: #1e3a8a;

  /* Secondary Colors - خاکستری‌های خنثی به جای رنگ‌های دیگر */
  --color-secondary-50: #f9fafb;
  --color-secondary-100: #f3f4f6;
  --color-secondary-200: #e5e7eb;
  --color-secondary-300: #d1d5db;
  --color-secondary-400: #9ca3af;
  --color-secondary-500: #6b7280;
  --color-secondary-600: #4b5563;
  --color-secondary-700: #374151;
  --color-secondary-800: #1f2937;
  --color-secondary-900: #111827;

  /* Accent Colors - حذف رنگ‌های طلایی/زرد و استفاده از همان طیف آبی یا خاکستری تیره */
  --color-accent-50: #eff6ff;
  --color-accent-100: #dbeafe;
  --color-accent-200: #bfdbfe;
  --color-accent-300: #93c5fd;
  --color-accent-400: #60a5fa;
  --color-accent-500: #3b82f6;
  --color-accent-600: #2563eb;
  --color-accent-700: #1d4ed8;
  --color-accent-800: #1e40af;
  --color-accent-900: #1e3a8a;

  /* Neutral Colors - رنگ‌های خنثی */
  --color-neutral-50: #fafafa;
  --color-neutral-100: #f5f5f5;
  --color-neutral-200: #e5e5e5;
  --color-neutral-300: #d4d4d4;
  --color-neutral-400: #a3a3a3;
  --color-neutral-500: #737373;
  --color-neutral-600: #525252;
  --color-neutral-700: #404040;
  --color-neutral-800: #262626;
  --color-neutral-900: #171717;

  /* Success Colors - سبز ملایم */
  --color-success-50: #f0fdf4;
  --color-success-100: #dcfce7;
  --color-success-500: #22c55e;
  --color-success-600: #16a34a;

  /* Error Colors - قرمز ملایم */
  --color-error-50: #fef2f2;
  --color-error-100: #fee2e2;
  --color-error-500: #ef4444;
  --color-error-600: #dc2626;

  /* Warning Colors - زرد ملایم */
  --color-warning-50: #fffbeb;
  --color-warning-100: #fef3c7;
  --color-warning-500: #f59e0b;
  --color-warning-600: #d97706;

  /* Dark Theme Colors - رنگ‌های تم تاریک */
  --color-dark-50: #18181b;
  --color-dark-100: #27272a;
  --color-dark-200: #3f3f46;
  --color-dark-300: #52525b;
  --color-dark-400: #71717a;
  --color-dark-500: #a1a1aa;
  --color-dark-600: #d4d4d8;
  --color-dark-700: #e4e4e7;
  --color-dark-800: #f4f4f5;
  --color-dark-900: #fafafa;
}

/* Background Color Utilities - کلاس‌های کمکی رنگ پس‌زمینه */
.bg-primary { background-color: var(--color-primary-600); }
.bg-primary-light { background-color: var(--color-primary-100); }
.bg-primary-dark { background-color: var(--color-primary-800); }

.bg-secondary { background-color: var(--color-secondary-500); }
.bg-secondary-light { background-color: var(--color-secondary-100); }
.bg-secondary-dark { background-color: var(--color-secondary-800); }

/* حذف پس‌زمینه‌های رنگارنگ اکسنت و جایگزینی با رنگ اصلی */
.bg-accent { background-color: var(--color-primary-500); }
.bg-accent-light { background-color: var(--color-primary-100); }
.bg-accent-dark { background-color: var(--color-primary-700); }

.bg-success { background-color: var(--color-success-500); }
.bg-success-light { background-color: var(--color-success-100); }

.bg-error { background-color: var(--color-error-500); }
.bg-error-light { background-color: var(--color-error-100); }

.bg-warning { background-color: var(--color-warning-500); }
.bg-warning-light { background-color: var(--color-warning-100); }

.bg-neutral { background-color: var(--color-neutral-100); }
.bg-neutral-dark { background-color: var(--color-neutral-800); }

/* Text Color Utilities - کلاس‌های کمکی رنگ متن */
.text-primary { color: var(--color-primary-600); }
.text-secondary { color: var(--color-secondary-600); }
.text-accent { color: var(--color-primary-600); } /* تغییر به رنگ اصلی */
.text-success { color: var(--color-success-600); }
.text-error { color: var(--color-error-600); }
.text-warning { color: var(--color-warning-600); }
.text-neutral { color: var(--color-neutral-600); }
.text-white { color: #ffffff; }
.text-black { color: #000000; }

/* Border Color Utilities - کلاس‌های کمکی رنگ حاشیه */
.border-primary { border-color: var(--color-primary-600); }
.border-secondary { border-color: var(--color-secondary-300); }
.border-accent { border-color: var(--color-primary-500); }
.border-neutral { border-color: var(--color-neutral-300); }

/* Gradient Utilities - حذف گرادیان‌های پیچیده و جایگزینی با تک‌رنگ یا گرادیان بسیار ملایم */
.gradient-primary {
  background: var(--color-primary-600); /* حذف گرادیان */
}

.gradient-accent {
  background: var(--color-primary-500); /* حذف گرادیان */
}

.gradient-dark {
  background: var(--color-dark-800);
}

/* Shadow Utilities - سایه‌های ملایم */
.shadow-primary {
  box-shadow: 0 4px 14px 0 rgba(59, 130, 246, 0.15);
}

.shadow-accent {
  box-shadow: 0 4px 14px 0 rgba(59, 130, 246, 0.15);
}

.shadow-neutral {
  box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.05);
}

/* Hover Effects - افکت‌های هاور ساده */
.hover-primary:hover {
  background-color: var(--color-primary-700);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
}

.hover-accent:hover {
  background-color: var(--color-primary-600);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
}

/* Focus States */
.focus-primary:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
}

.focus-accent:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
}