/* Turuncu-Kırmızı Renk Paleti */
/* Ana renk: #e30f0f (Kırmızı) */

:root {
  /* Ana Kırmızı Tonları */
  --color-red-50: #fef2f2;
  --color-red-100: #fee2e2;
  --color-red-200: #fecaca;
  --color-red-300: #fca5a5;
  --color-red-400: #f87171;
  --color-red-500: #e30f0f; /* Ana renk */
  --color-red-600: #dc2626;
  --color-red-700: #b91c1c;
  --color-red-800: #991b1b;
  --color-red-900: #7f1d1d;

  /* Turuncu Tonları */
  --color-orange-50: #fff7ed;
  --color-orange-100: #ffedd5;
  --color-orange-200: #fed7aa;
  --color-orange-300: #fdba74;
  --color-orange-400: #fb923c;
  --color-orange-500: #f97316;
  --color-orange-600: #ea580c;
  --color-orange-700: #c2410c;
  --color-orange-800: #9a3412;
  --color-orange-900: #7c2d12;

  /* Gradient Renkleri */
  --gradient-primary: linear-gradient(135deg, #e30f0f 0%, #f97316 100%);
  --gradient-secondary: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
  --gradient-accent: linear-gradient(135deg, #dc2626 0%, #e30f0f 50%, #f97316 100%);
}

/* Tailwind CSS Özel Renkler */
.bg-primary-50 { background-color: var(--color-red-50); }
.bg-primary-100 { background-color: var(--color-red-100); }
.bg-primary-200 { background-color: var(--color-red-200); }
.bg-primary-300 { background-color: var(--color-red-300); }
.bg-primary-400 { background-color: var(--color-red-400); }
.bg-primary-500 { background-color: var(--color-red-500); }
.bg-primary-600 { background-color: var(--color-red-600); }
.bg-primary-700 { background-color: var(--color-red-700); }
.bg-primary-800 { background-color: var(--color-red-800); }
.bg-primary-900 { background-color: var(--color-red-900); }

.text-primary-50 { color: var(--color-red-50); }
.text-primary-100 { color: var(--color-red-100); }
.text-primary-200 { color: var(--color-red-200); }
.text-primary-300 { color: var(--color-red-300); }
.text-primary-400 { color: var(--color-red-400); }
.text-primary-500 { color: var(--color-red-500); }
.text-primary-600 { color: var(--color-red-600); }
.text-primary-700 { color: var(--color-red-700); }
.text-primary-800 { color: var(--color-red-800); }
.text-primary-900 { color: var(--color-red-900); }

.border-primary-50 { border-color: var(--color-red-50); }
.border-primary-100 { border-color: var(--color-red-100); }
.border-primary-200 { border-color: var(--color-red-200); }
.border-primary-300 { border-color: var(--color-red-300); }
.border-primary-400 { border-color: var(--color-red-400); }
.border-primary-500 { border-color: var(--color-red-500); }
.border-primary-600 { border-color: var(--color-red-600); }
.border-primary-700 { border-color: var(--color-red-700); }
.border-primary-800 { border-color: var(--color-red-800); }
.border-primary-900 { border-color: var(--color-red-900); }

/* Turuncu Renkler */
.bg-orange-50 { background-color: var(--color-orange-50); }
.bg-orange-100 { background-color: var(--color-orange-100); }
.bg-orange-200 { background-color: var(--color-orange-200); }
.bg-orange-300 { background-color: var(--color-orange-300); }
.bg-orange-400 { background-color: var(--color-orange-400); }
.bg-orange-500 { background-color: var(--color-orange-500); }
.bg-orange-600 { background-color: var(--color-orange-600); }
.bg-orange-700 { background-color: var(--color-orange-700); }
.bg-orange-800 { background-color: var(--color-orange-800); }
.bg-orange-900 { background-color: var(--color-orange-900); }

.text-orange-50 { color: var(--color-orange-50); }
.text-orange-100 { color: var(--color-orange-100); }
.text-orange-200 { color: var(--color-orange-200); }
.text-orange-300 { color: var(--color-orange-300); }
.text-orange-400 { color: var(--color-orange-400); }
.text-orange-500 { color: var(--color-orange-500); }
.text-orange-600 { color: var(--color-orange-600); }
.text-orange-700 { color: var(--color-orange-700); }
.text-orange-800 { color: var(--color-orange-800); }
.text-orange-900 { color: var(--color-orange-900); }

/* Gradient Sınıfları */
.bg-gradient-primary {
  background: var(--gradient-primary);
}

.bg-gradient-secondary {
  background: var(--gradient-secondary);
}

.bg-gradient-accent {
  background: var(--gradient-accent);
}

/* Hover Efektleri */
.hover\:bg-primary-600:hover {
  background-color: var(--color-red-600);
}

.hover\:bg-primary-700:hover {
  background-color: var(--color-red-700);
}

.hover\:text-primary-600:hover {
  color: var(--color-red-600);
}

.hover\:border-primary-500:hover {
  border-color: var(--color-red-500);
}

/* Focus Efektleri */
.focus\:ring-primary-500:focus {
  --tw-ring-color: var(--color-red-500);
}

.focus\:border-primary-500:focus {
  border-color: var(--color-red-500);
}

/* Shadow Efektleri */
.shadow-primary {
  box-shadow: 0 4px 14px 0 rgba(227, 15, 15, 0.15);
}

.shadow-primary-lg {
  box-shadow: 0 10px 25px -3px rgba(227, 15, 15, 0.1), 0 4px 6px -2px rgba(227, 15, 15, 0.05);
}

/* Özel Buton Stilleri */
.btn-primary {
  background: var(--gradient-primary);
  color: white;
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  font-weight: 600;
  transition: all 0.3s ease;
}

.btn-primary:hover {
  background: var(--gradient-secondary);
  transform: translateY(-2px);
  box-shadow: var(--shadow-primary-lg);
}

/* Özel Kart Stilleri */
.card-primary {
  border: 1px solid var(--color-red-200);
  background: linear-gradient(135deg, #ffffff 0%, #fef2f2 100%);
}

.card-primary:hover {
  border-color: var(--color-red-300);
  box-shadow: var(--shadow-primary);
}

/* Özel Input Stilleri */
.input-primary:focus {
  border-color: var(--color-red-500);
  box-shadow: 0 0 0 3px rgba(227, 15, 15, 0.1);
}

/* Özel Link Stilleri */
.link-primary {
  color: var(--color-red-500);
  text-decoration: none;
  transition: color 0.3s ease;
}

.link-primary:hover {
  color: var(--color-red-600);
  text-decoration: underline;
}

/* Özel Badge Stilleri */
.badge-primary {
  background: var(--gradient-primary);
  color: white;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
}

/* Özel Progress Bar */
.progress-primary {
  background: var(--gradient-primary);
  height: 0.5rem;
  border-radius: 9999px;
}

/* Özel Navbar Stilleri */
.navbar-primary {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--color-red-200);
}

/* Özel Footer Stilleri */
.footer-primary {
  background: linear-gradient(135deg, var(--color-red-900) 0%, var(--color-red-800) 100%);
  color: white;
}

/* Responsive Renkler */
@media (max-width: 768px) {
  .mobile-primary {
    background: var(--gradient-primary);
  }
}

/* Dark Mode Desteği */
@media (prefers-color-scheme: dark) {
  .dark\:bg-primary-900 {
    background-color: var(--color-red-900);
  }
  
  .dark\:text-primary-100 {
    color: var(--color-red-100);
  }
}