/**
 * Site Theme System
 * Metin renkleri: nötr, okunaklı katmanlar (başlık / gövde / açıklama)
 * Vurgu renkleri: yalnızca fiyat, istatistik, etiket, ikon, link
 */

/* ── Neon (varsayılan) ── */
:root,
[data-theme="neon"] {
  --t-bg: #0d0d11;
  --t-bg-100: #13131a;
  --t-bg-200: #1a1a24;
  --t-bg-300: #22222e;
  --t-heading: #ffffff;
  --t-body: #e2e4e9;
  --t-soft: #c8ccd4;
  --t-muted: #9aa3b0;
  --t-subtle: #727b88;
  --t-faint: #565e6a;
  --t-on-accent: #0a0a0e;
  --t-accent: #00d4ff;
  --t-accent-2: #a855f7;
  --t-accent-3: #ec4899;
  --t-a1: #00d4ff;
  --t-a2: #a855f7;
  --t-a3: #ec4899;
  --t-glass: rgba(13, 13, 17, 0.75);
  --t-glass-solid: rgba(13, 13, 17, 0.95);
}

/* ── PlayStation (soğuk mavi ton) ── */
[data-theme="playstation"] {
  --t-bg: #0a1628;
  --t-bg-100: #0f1f38;
  --t-bg-200: #152848;
  --t-bg-300: #1c3258;
  --t-heading: #f4f8ff;
  --t-body: #d8e2ef;
  --t-soft: #b8c8dc;
  --t-muted: #8fa3bc;
  --t-subtle: #6b8098;
  --t-faint: #526378;
  --t-on-accent: #061018;
  --t-accent: #4da3ff;
  --t-accent-2: #0070cc;
  --t-accent-3: #93c5fd;
  --t-a1: #4da3ff;
  --t-a2: #0070cc;
  --t-a3: #93c5fd;
  --t-glass: rgba(10, 22, 40, 0.82);
  --t-glass-solid: rgba(10, 22, 40, 0.96);
}

/* ── Midnight (nötr slate) ── */
[data-theme="midnight"] {
  --t-bg: #0f0f14;
  --t-bg-100: #15151d;
  --t-bg-200: #1c1c28;
  --t-bg-300: #252533;
  --t-heading: #f1f5f9;
  --t-body: #dbe2ea;
  --t-soft: #b8c4d4;
  --t-muted: #94a3b8;
  --t-subtle: #6b7a8f;
  --t-faint: #525f72;
  --t-on-accent: #0c0c10;
  --t-accent: #818cf8;
  --t-accent-2: #6366f1;
  --t-accent-3: #a5b4fc;
  --t-a1: #818cf8;
  --t-a2: #6366f1;
  --t-a3: #a5b4fc;
  --t-glass: rgba(15, 15, 20, 0.8);
  --t-glass-solid: rgba(15, 15, 20, 0.96);
}

/* ── Emerald (hafif yeşilimsi nötr) ── */
[data-theme="emerald"] {
  --t-bg: #0a110f;
  --t-bg-100: #0f1a17;
  --t-bg-200: #142420;
  --t-bg-300: #1a2e29;
  --t-heading: #f0fdf6;
  --t-body: #d6e8df;
  --t-soft: #b8cfc4;
  --t-muted: #8fa898;
  --t-subtle: #6b8074;
  --t-faint: #53665c;
  --t-on-accent: #071210;
  --t-accent: #34d399;
  --t-accent-2: #10b981;
  --t-accent-3: #6ee7b7;
  --t-a1: #34d399;
  --t-a2: #10b981;
  --t-a3: #6ee7b7;
  --t-glass: rgba(10, 17, 15, 0.8);
  --t-glass-solid: rgba(10, 17, 15, 0.96);
}

/* ── Crimson (hafif sıcak nötr) ── */
[data-theme="crimson"] {
  --t-bg: #110a0a;
  --t-bg-100: #1a1010;
  --t-bg-200: #241616;
  --t-bg-300: #2e1c1c;
  --t-heading: #faf5f5;
  --t-body: #e6dede;
  --t-soft: #cfc5c5;
  --t-muted: #a89898;
  --t-subtle: #857575;
  --t-faint: #665858;
  --t-on-accent: #140808;
  --t-accent: #f87171;
  --t-accent-2: #ef4444;
  --t-accent-3: #fb923c;
  --t-a1: #f87171;
  --t-a2: #ef4444;
  --t-a3: #fb923c;
  --t-glass: rgba(17, 10, 10, 0.8);
  --t-glass-solid: rgba(17, 10, 10, 0.96);
}

/* ── Aurora (hafif turkuaz nötr) ── */
[data-theme="aurora"] {
  --t-bg: #0a1014;
  --t-bg-100: #0f1820;
  --t-bg-200: #142028;
  --t-bg-300: #1a2830;
  --t-heading: #f2faf9;
  --t-body: #d8e6e4;
  --t-soft: #b8c9c6;
  --t-muted: #8fa3a0;
  --t-subtle: #6b807c;
  --t-faint: #536663;
  --t-on-accent: #081012;
  --t-accent: #2dd4bf;
  --t-accent-2: #8b5cf6;
  --t-accent-3: #a78bfa;
  --t-a1: #2dd4bf;
  --t-a2: #8b5cf6;
  --t-a3: #a78bfa;
  --t-glass: rgba(10, 16, 20, 0.8);
  --t-glass-solid: rgba(10, 16, 20, 0.96);
}

/* ── Sunset (sıcak taş grisi nötr) ── */
[data-theme="sunset"] {
  --t-bg: #110e0a;
  --t-bg-100: #1a1510;
  --t-bg-200: #241c14;
  --t-bg-300: #2e241a;
  --t-heading: #fffbeb;
  --t-body: #e7e5e4;
  --t-soft: #d6d3d1;
  --t-muted: #a8a29e;
  --t-subtle: #78716c;
  --t-faint: #5c5650;
  --t-on-accent: #1a1208;
  --t-accent: #fbbf24;
  --t-accent-2: #f59e0b;
  --t-accent-3: #ea580c;
  --t-a1: #fbbf24;
  --t-a2: #f59e0b;
  --t-a3: #ea580c;
  --t-glass: rgba(17, 14, 10, 0.8);
  --t-glass-solid: rgba(17, 14, 10, 0.96);
}

/* ══════════════════════════════════════
   TİPOGRAFİ — tüm temalar
   ══════════════════════════════════════ */

[data-theme] {
  color: var(--t-body);
}

[data-theme] body,
[data-theme] main,
[data-theme] section,
[data-theme] article,
[data-theme] footer {
  color: var(--t-body);
}

/* Tailwind gray → tema nötrleri */
[data-theme] .text-white { color: var(--t-heading) !important; }
[data-theme] .text-gray-100 { color: var(--t-heading) !important; }
[data-theme] .text-gray-200 { color: var(--t-body) !important; }
[data-theme] .text-gray-300 { color: var(--t-soft) !important; }
[data-theme] .text-gray-400 { color: var(--t-muted) !important; }
[data-theme] .text-gray-500 { color: var(--t-subtle) !important; }
[data-theme] .text-gray-600 { color: var(--t-faint) !important; }
[data-theme] .text-dark { color: var(--t-on-accent) !important; }

[data-theme] .hover\:text-white:hover { color: var(--t-heading) !important; }
[data-theme] .placeholder-gray-600::placeholder { color: var(--t-faint) !important; }

/* Başlıklar — her zaman açık renk */
[data-theme] h1,
[data-theme] h2,
[data-theme] h3,
[data-theme] h4,
[data-theme] h5,
[data-theme] h6 {
  color: var(--t-heading) !important;
}

/* Kart / bölüm başlıkları neon sınıfı taşısa bile nötr */
[data-theme] h3.text-neon-blue,
[data-theme] h3.text-neon-purple,
[data-theme] h3.text-neon-pink,
[data-theme] h3.group-hover\:text-neon-blue,
[data-theme] h3.group-hover\:text-neon-purple,
[data-theme] h3.group-hover\:text-neon-pink,
[data-theme] .text-center.font-bold.text-neon-blue,
[data-theme] .text-center.font-bold.text-neon-purple,
[data-theme] .text-center.font-bold.text-neon-pink {
  color: var(--t-heading) !important;
}

[data-theme] .group:hover h3.group-hover\:text-neon-blue { color: var(--t-accent) !important; }
[data-theme] .group:hover h3.group-hover\:text-neon-purple { color: var(--t-accent-2) !important; }
[data-theme] .group:hover h3.group-hover\:text-neon-pink { color: var(--t-accent-3) !important; }

/* Bölüm etiketleri (NE YAPIYORUZ?, FİYATLAR vb.) */
[data-theme] .tracking-wider.uppercase.text-sm.font-semibold.text-neon-blue { color: var(--t-accent) !important; }
[data-theme] .tracking-wider.uppercase.text-sm.font-semibold.text-neon-purple { color: var(--t-accent-2) !important; }
[data-theme] .tracking-wider.uppercase.text-sm.font-semibold.text-neon-pink { color: var(--t-accent-3) !important; }
[data-theme] input,
[data-theme] select,
[data-theme] textarea {
  color: var(--t-heading);
}
[data-theme] label.text-gray-300 { color: var(--t-soft) !important; }
[data-theme] th.text-gray-300 { color: var(--t-soft) !important; }

/* Menü */
[data-theme] .nav-link,
[data-theme] .mobile-nav-link {
  color: var(--t-soft) !important;
}
[data-theme] .nav-link:hover,
[data-theme] .mobile-nav-link:hover {
  color: var(--t-accent) !important;
}

/* Footer linkleri */
[data-theme] footer a.text-gray-500 { color: var(--t-subtle) !important; }
[data-theme] footer a.text-gray-500:hover { color: var(--t-accent) !important; }

[data-theme] footer a.text-gray-500:hover { color: var(--t-accent) !important; }

/* ══════════════════════════════════════
   VURGU — yalnızca bilinçli kullanım
   ══════════════════════════════════════ */

[data-theme] .text-neon-blue { color: var(--t-accent) !important; }
[data-theme] .text-neon-purple { color: var(--t-accent-2) !important; }
[data-theme] .text-neon-pink { color: var(--t-accent-3) !important; }

/* Fiyat & istatistik sayıları */
[data-theme] .text-2xl.font-bold.text-neon-blue,
[data-theme] .text-3xl.font-bold.text-neon-blue { color: var(--t-accent) !important; }
[data-theme] .text-2xl.font-bold.text-neon-purple,
[data-theme] .text-3xl.font-bold.text-neon-purple,
[data-theme] td.text-neon-purple.font-semibold,
[data-theme] span.text-neon-purple.font-semibold { color: var(--t-accent-2) !important; }
[data-theme] .text-2xl.font-bold.text-neon-pink,
[data-theme] .text-3xl.font-bold.text-neon-pink { color: var(--t-accent-3) !important; }
[data-theme] td.text-neon-blue.font-semibold,
[data-theme] span.text-neon-blue.font-bold { color: var(--t-accent) !important; }

/* Küçük ikonlar (check, bullet, logo) */
[data-theme] i.text-neon-blue,
[data-theme] i.fas.text-neon-blue { color: var(--t-accent) !important; }
[data-theme] i.text-neon-purple,
[data-theme] i.fas.text-neon-purple,
[data-theme] i.fab.text-neon-purple { color: var(--t-accent-2) !important; }
[data-theme] i.text-neon-pink,
[data-theme] i.fas.text-neon-pink { color: var(--t-accent-3) !important; }

/* Kart linkleri */
[data-theme] a.text-sm.text-neon-purple,
[data-theme] a.text-sm.text-neon-pink,
[data-theme] a.text-sm.text-neon-blue {
  color: var(--t-accent-2) !important;
}

[data-theme] .hover\:text-neon-blue:hover { color: var(--t-accent) !important; }
[data-theme] .hover\:text-neon-purple:hover { color: var(--t-accent-2) !important; }
[data-theme] .hover\:text-neon-pink:hover { color: var(--t-accent-3) !important; }

/* Outline buton metni */
[data-theme] a.border-neon-purple.text-neon-purple,
[data-theme] .text-neon-purple.font-bold.px-8 {
  color: var(--t-accent-2) !important;
}

/* Gradient buton metni */
[data-theme] .bg-gradient-to-r.text-white,
[data-theme] .bg-gradient-to-br.text-white {
  color: #ffffff !important;
}

/* ══════════════════════════════════════
   GRADIENT METİN (hero PlayStation)
   ══════════════════════════════════════ */

[data-theme] h1 .gradient-text,
[data-theme] h2 .gradient-text,
[data-theme] .gradient-text {
  display: inline;
  background-color: transparent !important;
  background-image: linear-gradient(135deg, var(--t-a1) 0%, var(--t-a2) 50%, var(--t-a3) 100%) !important;
  background-size: 100% !important;
  background-repeat: repeat !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
  [data-theme] .gradient-text {
    background-image: none !important;
    color: var(--t-accent-2) !important;
    -webkit-text-fill-color: var(--t-accent-2) !important;
  }
}

/* ══════════════════════════════════════
   ARKA PLAN & KENARLIK
   ══════════════════════════════════════ */

[data-theme] .bg-dark { background-color: var(--t-bg) !important; }
[data-theme] .bg-dark\/95 { background-color: color-mix(in srgb, var(--t-bg) 95%, transparent) !important; }
[data-theme] .bg-dark-100 { background-color: var(--t-bg-100) !important; }
[data-theme] .bg-dark-100\/30 { background-color: color-mix(in srgb, var(--t-bg-100) 30%, transparent) !important; }
[data-theme] .bg-dark-100\/50 { background-color: color-mix(in srgb, var(--t-bg-100) 50%, transparent) !important; }
[data-theme] .bg-dark-200 { background-color: var(--t-bg-200) !important; }
[data-theme] .bg-dark-200\/30 { background-color: color-mix(in srgb, var(--t-bg-200) 30%, transparent) !important; }
[data-theme] .bg-dark-200\/50 { background-color: color-mix(in srgb, var(--t-bg-200) 50%, transparent) !important; }
[data-theme] .bg-dark-200\/70 { background-color: color-mix(in srgb, var(--t-bg-200) 70%, transparent) !important; }
[data-theme] .bg-dark-300 { background-color: var(--t-bg-300) !important; }
[data-theme] .border-dark-300 { border-color: var(--t-bg-300) !important; }
[data-theme] .divide-dark-300 > :not([hidden]) ~ :not([hidden]) { border-color: var(--t-bg-300) !important; }

[data-theme] .bg-neon-blue\/5 { background-color: color-mix(in srgb, var(--t-a1) 5%, transparent) !important; }
[data-theme] .bg-neon-blue\/10 { background-color: color-mix(in srgb, var(--t-a1) 10%, transparent) !important; }
[data-theme] .bg-neon-blue\/20 { background-color: color-mix(in srgb, var(--t-a1) 20%, transparent) !important; }
[data-theme] .bg-neon-purple\/5 { background-color: color-mix(in srgb, var(--t-a2) 5%, transparent) !important; }
[data-theme] .bg-neon-purple\/10 { background-color: color-mix(in srgb, var(--t-a2) 10%, transparent) !important; }
[data-theme] .bg-neon-purple\/20 { background-color: color-mix(in srgb, var(--t-a2) 20%, transparent) !important; }
[data-theme] .bg-neon-pink\/5 { background-color: color-mix(in srgb, var(--t-a3) 5%, transparent) !important; }
[data-theme] .bg-neon-pink\/10 { background-color: color-mix(in srgb, var(--t-a3) 10%, transparent) !important; }
[data-theme] .bg-neon-pink\/20 { background-color: color-mix(in srgb, var(--t-a3) 20%, transparent) !important; }

[data-theme] .border-neon-blue\/20 { border-color: color-mix(in srgb, var(--t-a1) 20%, transparent) !important; }
[data-theme] .border-neon-blue\/30 { border-color: color-mix(in srgb, var(--t-a1) 30%, transparent) !important; }
[data-theme] .border-neon-blue\/50 { border-color: color-mix(in srgb, var(--t-a1) 50%, transparent) !important; }
[data-theme] .border-neon-purple\/20 { border-color: color-mix(in srgb, var(--t-a2) 20%, transparent) !important; }
[data-theme] .border-neon-purple\/30 { border-color: color-mix(in srgb, var(--t-a2) 30%, transparent) !important; }
[data-theme] .border-neon-purple\/40 { border-color: color-mix(in srgb, var(--t-a2) 40%, transparent) !important; }
[data-theme] .border-neon-purple\/50 { border-color: color-mix(in srgb, var(--t-a2) 50%, transparent) !important; }
[data-theme] .border-neon-pink\/20 { border-color: color-mix(in srgb, var(--t-a3) 20%, transparent) !important; }
[data-theme] .border-neon-pink\/30 { border-color: color-mix(in srgb, var(--t-a3) 30%, transparent) !important; }
[data-theme] .border-neon-pink\/40 { border-color: color-mix(in srgb, var(--t-a3) 40%, transparent) !important; }

[data-theme] .hover\:border-neon-blue\/30:hover { border-color: color-mix(in srgb, var(--t-a1) 30%, transparent) !important; }
[data-theme] .hover\:border-neon-purple\/30:hover { border-color: color-mix(in srgb, var(--t-a2) 30%, transparent) !important; }
[data-theme] .hover\:border-neon-purple\/40:hover { border-color: color-mix(in srgb, var(--t-a2) 40%, transparent) !important; }
[data-theme] .hover\:border-neon-pink\/30:hover { border-color: color-mix(in srgb, var(--t-a3) 30%, transparent) !important; }
[data-theme] .hover\:border-neon-pink\/40:hover { border-color: color-mix(in srgb, var(--t-a3) 40%, transparent) !important; }
[data-theme] .group:hover .group-hover\:border-neon-blue\/50 { border-color: color-mix(in srgb, var(--t-a1) 50%, transparent) !important; }
[data-theme] .group:hover .group-hover\:border-neon-purple\/50 { border-color: color-mix(in srgb, var(--t-a2) 50%, transparent) !important; }
[data-theme] .group:hover .group-hover\:border-neon-pink\/50 { border-color: color-mix(in srgb, var(--t-a3) 50%, transparent) !important; }

[data-theme] .from-neon-blue { --tw-gradient-from: var(--t-a1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[data-theme] .from-neon-purple { --tw-gradient-from: var(--t-a2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
[data-theme] .to-neon-purple { --tw-gradient-to: var(--t-a2) var(--tw-gradient-to-position); }
[data-theme] .to-neon-pink { --tw-gradient-to: var(--t-a3) var(--tw-gradient-to-position); }
[data-theme] .to-cyan-500 { --tw-gradient-to: var(--t-a1) var(--tw-gradient-to-position); }
[data-theme] .bg-gradient-to-r.from-neon-purple.to-neon-pink,
[data-theme] .bg-gradient-to-br.from-neon-purple.to-neon-pink { background-image: linear-gradient(to right, var(--t-a2), var(--t-a3)) !important; }
[data-theme] .bg-gradient-to-br.from-neon-blue.to-neon-purple { background-image: linear-gradient(to bottom right, var(--t-a1), var(--t-a2)) !important; }
[data-theme] .bg-gradient-to-r.from-neon-blue.to-cyan-500 { background-image: linear-gradient(to right, var(--t-a1), var(--t-a1)) !important; }

[data-theme] .shadow-neon-blue\/25 { --tw-shadow-color: color-mix(in srgb, var(--t-a1) 25%, transparent); }
[data-theme] .shadow-neon-purple\/25 { --tw-shadow-color: color-mix(in srgb, var(--t-a2) 25%, transparent); }
[data-theme] .shadow-neon-purple\/30 { --tw-shadow-color: color-mix(in srgb, var(--t-a2) 30%, transparent); }

[data-theme] .focus\:border-neon-blue:focus { border-color: var(--t-a1) !important; }
[data-theme] .focus\:ring-neon-blue\/50:focus { --tw-ring-color: color-mix(in srgb, var(--t-a1) 50%, transparent) !important; }
[data-theme] .focus\:border-neon-purple:focus { border-color: var(--t-a2) !important; }
[data-theme] .focus\:ring-neon-purple\/50:focus { --tw-ring-color: color-mix(in srgb, var(--t-a2) 50%, transparent) !important; }

[data-theme] .glass { background: var(--t-glass) !important; }
[data-theme] .glass-solid { background: var(--t-glass-solid) !important; }

[data-theme] .hero-glow-blue {
  background: radial-gradient(ellipse at center, color-mix(in srgb, var(--t-a1) 15%, transparent) 0%, transparent 70%) !important;
}
[data-theme] .hero-glow-purple {
  background: radial-gradient(ellipse at center, color-mix(in srgb, var(--t-a2) 15%, transparent) 0%, transparent 70%) !important;
}

[data-theme] .tab-btn { color: var(--t-muted) !important; }
[data-theme] .tab-btn.active {
  background: linear-gradient(135deg, color-mix(in srgb, var(--t-a1) 20%, transparent), color-mix(in srgb, var(--t-a2) 20%, transparent)) !important;
  border-color: color-mix(in srgb, var(--t-a1) 50%, transparent) !important;
  color: var(--t-heading) !important;
}

[data-theme] ::-webkit-scrollbar-track { background: var(--t-bg); }
[data-theme] #back-to-top.bg-gradient-to-br.from-neon-blue.to-neon-purple {
  background: linear-gradient(to bottom right, var(--t-a1), var(--t-a2)) !important;
  color: var(--t-on-accent) !important;
}

.theme-preview-card { transition: transform 0.2s, box-shadow 0.2s; }
.theme-preview-card:hover { transform: translateY(-2px); }