/**
 * Erzo3D Çoklu Tema Sistemi (themes.css)
 * 5 Ayrı Özelleştirilebilir Tema (Müşteri İsteği):
 * 1. theme-black-silver (Siyah zemin, turuncu detay, parlak gümüş yazı)
 * 2. theme-white-orange (Beyaz zemin, turuncu detay, siyah yazı)
 * 3. theme-cyber-dark   (Şu an kullanılan mevcut tema)
 * 4. theme-orange-black (Turuncu zemin, siyah detay, beyaz yazı)
 * 5. theme-gray-silver  (Gri zemin, turuncu detay, parlak gümüş yazı)
 */

/* ========================================================
   TEMA 3: CYBER NEON DARK (MEVCUT VARSAYILAN)
   ======================================================== */
body.theme-cyber-dark {
  --theme-bg-body: #050811;
  --theme-bg-surface: #0b1120;
  --theme-bg-card: rgba(15, 23, 42, 0.75);
  --theme-border: rgba(30, 41, 59, 0.8);
  --theme-accent: #f97316;
  --theme-accent-hover: #ea580c;
  --theme-accent-glow: rgba(249, 115, 22, 0.3);
  --theme-text-main: #f8fafc;
  --theme-text-muted: #94a3b8;
}

/* ========================================================
   TEMA 1: SİYAH & PARLAK GÜMÜŞ (theme-black-silver)
   ======================================================== */
body.theme-black-silver {
  background-color: #000000 !important;
  color: #c0c0c0 !important;
}

body.theme-black-silver header,
body.theme-black-silver footer,
body.theme-black-silver .bg-slate-950,
body.theme-black-silver .bg-slate-900\/80,
body.theme-black-silver .bg-slate-900,
body.theme-black-silver .erzo-card,
body.theme-black-silver .border-slate-800,
body.theme-black-silver .border-slate-700 {
  background-color: #111111 !important;
  border-color: #222222 !important;
}

body.theme-black-silver .text-white,
body.theme-black-silver .text-slate-200 {
  color: #e5e5e5 !important;
}

body.theme-black-silver .text-slate-300,
body.theme-black-silver .text-slate-400,
body.theme-black-silver .text-slate-500,
body.theme-black-silver p,
body.theme-black-silver span {
  color: #c0c0c0 !important;
}

body.theme-black-silver .btn-primary,
body.theme-black-silver .bg-orange-500 {
  background-color: #f97316 !important;
  color: #ffffff !important;
}
body.theme-black-silver .text-orange-400,
body.theme-black-silver .text-orange-500 {
  color: #f97316 !important;
}


/* ========================================================
   TEMA 2: BEYAZ & TURUNCU (theme-white-orange)
   ======================================================== */
body.theme-white-orange {
  background-color: #ffffff !important;
  color: #000000 !important;
}

body.theme-white-orange header,
body.theme-white-orange footer,
body.theme-white-orange .bg-slate-950,
body.theme-white-orange .bg-slate-900\/80,
body.theme-white-orange .bg-slate-900,
body.theme-white-orange .erzo-card {
  background-color: #f8fafc !important;
  border-color: #e2e8f0 !important;
}

body.theme-white-orange .border-slate-800,
body.theme-white-orange .border-slate-700,
body.theme-white-orange .border-slate-800\/80 {
  border-color: #e2e8f0 !important;
}

body.theme-white-orange .text-white,
body.theme-white-orange .text-slate-200,
body.theme-white-orange .text-slate-300,
body.theme-white-orange .text-slate-400,
body.theme-white-orange .text-slate-500 {
  color: #000000 !important;
}

body.theme-white-orange .form-input,
body.theme-white-orange input,
body.theme-white-orange select,
body.theme-white-orange textarea {
  background-color: #f1f5f9 !important;
  border-color: #cbd5e1 !important;
  color: #000000 !important;
}

body.theme-white-orange .btn-primary,
body.theme-white-orange .bg-orange-500 {
  background-color: #f97316 !important;
  color: #ffffff !important;
}
body.theme-white-orange .text-orange-400,
body.theme-white-orange .text-orange-500 {
  color: #f97316 !important;
}


/* ========================================================
   TEMA 4: TURUNCU & SİYAH (theme-orange-black)
   ======================================================== */
body.theme-orange-black {
  background-color: #f97316 !important;
  color: #ffffff !important;
}

body.theme-orange-black header,
body.theme-orange-black footer,
body.theme-orange-black .bg-slate-950,
body.theme-orange-black .bg-slate-900\/80,
body.theme-orange-black .bg-slate-900,
body.theme-orange-black .erzo-card {
  background-color: #ea580c !important;
  border-color: #c2410c !important;
}

body.theme-orange-black .border-slate-800,
body.theme-orange-black .border-slate-700,
body.theme-orange-black .border-slate-800\/80 {
  border-color: #c2410c !important;
}

body.theme-orange-black .text-white,
body.theme-orange-black .text-slate-200,
body.theme-orange-black .text-slate-300,
body.theme-orange-black .text-slate-400,
body.theme-orange-black .text-slate-500 {
  color: #ffffff !important;
}

body.theme-orange-black .form-input,
body.theme-orange-black input,
body.theme-orange-black select,
body.theme-orange-black textarea {
  background-color: #f97316 !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}

body.theme-orange-black .btn-primary,
body.theme-orange-black .bg-orange-500,
body.theme-orange-black .bg-orange-500\/20,
body.theme-orange-black .bg-orange-500\/10 {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}
body.theme-orange-black .text-orange-400,
body.theme-orange-black .text-orange-500 {
  color: #000000 !important;
}


/* ========================================================
   TEMA 5: GRİ & GÜMÜŞ (theme-gray-silver)
   ======================================================== */
body.theme-gray-silver {
  background-color: #374151 !important;
  color: #e5e7eb !important;
}

body.theme-gray-silver header,
body.theme-gray-silver footer,
body.theme-gray-silver .bg-slate-950,
body.theme-gray-silver .bg-slate-900\/80,
body.theme-gray-silver .bg-slate-900,
body.theme-gray-silver .erzo-card {
  background-color: #4b5563 !important;
  border-color: #6b7280 !important;
}

body.theme-gray-silver .border-slate-800,
body.theme-gray-silver .border-slate-700,
body.theme-gray-silver .border-slate-800\/80 {
  border-color: #6b7280 !important;
}

body.theme-gray-silver .text-white,
body.theme-gray-silver .text-slate-200 {
  color: #ffffff !important;
}

body.theme-gray-silver .text-slate-300,
body.theme-gray-silver .text-slate-400,
body.theme-gray-silver .text-slate-500,
body.theme-gray-silver p,
body.theme-gray-silver span {
  color: #e5e7eb !important;
}

body.theme-gray-silver .form-input,
body.theme-gray-silver input,
body.theme-gray-silver select,
body.theme-gray-silver textarea {
  background-color: #6b7280 !important;
  border-color: #9ca3af !important;
  color: #ffffff !important;
}

body.theme-gray-silver .btn-primary,
body.theme-gray-silver .bg-orange-500 {
  background-color: #f97316 !important;
  color: #ffffff !important;
}
body.theme-gray-silver .text-orange-400,
body.theme-gray-silver .text-orange-500 {
  color: #f97316 !important;
}