/* ============================================================
   KaleHost — Tema varyantları
   Admin panel → Site Ayarları → Tema seçiminden değiştirilir.
   Tüm bileşenler CSS değişkeni kullandığı için tema = değişken seti.
   "emerald" varsayılandır ve style.css'teki :root değerlerini kullanır.
   ============================================================ */

/* ---------- OLED Luxury: saf siyah + altın ---------- */
html[data-theme="oled"] {
  --bg: #000000;
  --bg-alt: #0A0A0A;
  --bg-deep: #050505;
  --surface: #121212;
  --surface-2: #1C1C1C;
  --muted: #161616;
  --border: #3A3325;
  --border-soft: #262015;
  --accent: #E8B84B;
  --accent-hover: #F2CA6B;
  --accent-dark: #B8892A;
  --accent-soft: rgba(232, 184, 75, 0.12);
  --on-accent: #241A05;
  --cta-ink: #241A05;
  --wa: #25D366;
}
html[data-theme="oled"] .hero-glow {
  background:
    radial-gradient(600px 300px at 20% 0%, rgba(232,184,75,.10), transparent 60%),
    radial-gradient(700px 350px at 85% 15%, rgba(232,184,75,.05), transparent 60%);
}
html[data-theme="oled"] .site-header { background: rgba(0, 0, 0, 0.88); }
html[data-theme="oled"] .site-header.scrolled { background: rgba(5, 5, 5, 0.97); }

/* ---------- Cyberpunk: gece moru + neon pembe/cyan ---------- */
html[data-theme="cyber"] {
  --bg: #0A0118;
  --bg-alt: #100425;
  --bg-deep: #060011;
  --surface: #170B2E;
  --surface-2: #221342;
  --muted: #1B0E36;
  --border: #45276E;
  --border-soft: #2E1A4D;
  --text: #F5EEFF;
  --text-dim: #BCA8DE;
  --text-faint: #8B76B5;
  --accent: #F0338D;
  --accent-hover: #FF54A5;
  --accent-dark: #C21A6C;
  --accent-soft: rgba(240, 51, 141, 0.14);
  --on-accent: #2B0518;
  --cta-ink: #2B0518;
}
html[data-theme="cyber"] .hero-glow {
  background:
    radial-gradient(600px 300px at 20% 0%, rgba(240,51,141,.14), transparent 60%),
    radial-gradient(700px 350px at 85% 15%, rgba(56,225,255,.10), transparent 60%);
}
html[data-theme="cyber"] .site-header { background: rgba(10, 1, 24, 0.88); }
html[data-theme="cyber"] .site-header.scrolled { background: rgba(6, 0, 17, 0.97); }
html[data-theme="cyber"] .c-tag { color: #38E1FF; }

/* ---------- Aurora: gece menekşesi ---------- */
html[data-theme="aurora"] {
  --bg: #120E24;
  --bg-alt: #171130;
  --bg-deep: #0C081A;
  --surface: #1E1738;
  --surface-2: #2A2050;
  --muted: #221A42;
  --border: #453784;
  --border-soft: #2F2560;
  --text: #F4F1FF;
  --text-dim: #B6ACDE;
  --text-faint: #857BB0;
  --accent: #8B5CF6;
  --accent-hover: #A27CFF;
  --accent-dark: #6D3FD8;
  --accent-soft: rgba(139, 92, 246, 0.14);
  --on-accent: #14082E;
  --cta-ink: #14082E;
}
html[data-theme="aurora"] .hero-glow {
  background:
    radial-gradient(600px 300px at 20% 0%, rgba(139,92,246,.16), transparent 60%),
    radial-gradient(700px 350px at 85% 15%, rgba(34,211,238,.09), transparent 60%);
}
html[data-theme="aurora"] .site-header { background: rgba(18, 14, 36, 0.88); }
html[data-theme="aurora"] .site-header.scrolled { background: rgba(12, 8, 26, 0.97); }

/* ---------- Safir: elektrik mavisi ---------- */
html[data-theme="sapphire"] {
  --bg: #0A1224;
  --bg-alt: #0E1830;
  --bg-deep: #060C1A;
  --surface: #14203A;
  --surface-2: #1C2C4E;
  --muted: #182745;
  --border: #2F4A7E;
  --border-soft: #22355C;
  --accent: #3B82F6;
  --accent-hover: #5C97FF;
  --accent-dark: #2563EB;
  --accent-soft: rgba(59, 130, 246, 0.14);
  --on-accent: #041430;
  --cta-ink: #041430;
}
html[data-theme="sapphire"] .hero-glow {
  background:
    radial-gradient(600px 300px at 20% 0%, rgba(59,130,246,.14), transparent 60%),
    radial-gradient(700px 350px at 85% 15%, rgba(34,211,238,.08), transparent 60%);
}
html[data-theme="sapphire"] .site-header { background: rgba(10, 18, 36, 0.88); }
html[data-theme="sapphire"] .site-header.scrolled { background: rgba(6, 12, 26, 0.97); }

/* ---------- Yakut: koyu kızıl ---------- */
html[data-theme="crimson"] {
  --bg: #160D10;
  --bg-alt: #1D1115;
  --bg-deep: #0F080A;
  --surface: #241318;
  --surface-2: #331B22;
  --muted: #2A161C;
  --border: #5C2E3B;
  --border-soft: #3D1F29;
  --text: #FBF3F5;
  --text-dim: #D3B4BC;
  --text-faint: #A17E88;
  --accent: #F43F5E;
  --accent-hover: #FF5E79;
  --accent-dark: #D31C3D;
  --accent-soft: rgba(244, 63, 94, 0.13);
  --on-accent: #2E060E;
  --cta-ink: #2E060E;
}
html[data-theme="crimson"] .hero-glow {
  background:
    radial-gradient(600px 300px at 20% 0%, rgba(244,63,94,.13), transparent 60%),
    radial-gradient(700px 350px at 85% 15%, rgba(251,146,60,.08), transparent 60%);
}
html[data-theme="crimson"] .site-header { background: rgba(22, 13, 16, 0.88); }
html[data-theme="crimson"] .site-header.scrolled { background: rgba(15, 8, 10, 0.97); }

/* ---------- Swiss Işık: beyaz zemin ---------- */
html[data-theme="swiss"] {
  --bg: #FFFFFF;
  --bg-alt: #F4F6FA;
  --bg-deep: #EDF0F6;
  --surface: #FFFFFF;
  --surface-2: #EEF1F6;
  --muted: #E8ECF3;
  --border: #C6CFDD;
  --border-soft: #DDE3EC;
  --text: #0F172A;
  --text-dim: #46536B;
  --text-faint: #74809A;
  --accent: #16A34A;
  --accent-hover: #15803D;
  --accent-dark: #166534;
  --accent-soft: rgba(22, 163, 74, 0.10);
  --on-accent: #FFFFFF;
  --cta-ink: #06220F;
  --light: #0F172A;
  --white: #0B1222;
  --shadow: 0 12px 40px rgba(15, 23, 42, 0.10);
}
html[data-theme="swiss"] .hero-glow {
  background:
    radial-gradient(600px 300px at 20% 0%, rgba(22,163,74,.08), transparent 60%),
    radial-gradient(700px 350px at 85% 15%, rgba(59,130,246,.06), transparent 60%);
}
html[data-theme="swiss"] .site-header { background: rgba(255, 255, 255, 0.9); }
html[data-theme="swiss"] .site-header.scrolled { background: rgba(255, 255, 255, 0.98); box-shadow: 0 10px 30px rgba(15,23,42,.08); }
html[data-theme="swiss"] .hv-window { box-shadow: 0 30px 80px rgba(15, 23, 42, 0.16); }
html[data-theme="swiss"] .hv-code, html[data-theme="swiss"] .hv-bar { background: #0B1222; }
html[data-theme="swiss"] .btn-light { background: var(--text); color: #fff; }
html[data-theme="swiss"] .btn-light:hover { background: #1E293B; }
html[data-theme="swiss"] .cta-in h2, html[data-theme="swiss"] .cta-in p { color: #fff; }
html[data-theme="swiss"] .cta-band .btn-outline-light { border-color: rgba(255,255,255,.55); color: #fff; }

/* ---------- Clay Işık: pastel krem + turuncu ---------- */
html[data-theme="clay"] {
  --bg: #F4F1EA;
  --bg-alt: #ECE7DC;
  --bg-deep: #E5DFD1;
  --surface: #FDFBF7;
  --surface-2: #F0EBE0;
  --muted: #EAE4D7;
  --border: #CDC3AE;
  --border-soft: #DED6C4;
  --text: #2D2A24;
  --text-dim: #5F594C;
  --text-faint: #8A8271;
  --accent: #E0642F;
  --accent-hover: #C9531F;
  --accent-dark: #A84318;
  --accent-soft: rgba(224, 100, 47, 0.10);
  --on-accent: #FFF7F2;
  --cta-ink: #35150A;
  --light: #2D2A24;
  --white: #232019;
  --shadow: 0 12px 40px rgba(45, 42, 36, 0.10);
}
html[data-theme="clay"] .hero-glow {
  background:
    radial-gradient(600px 300px at 20% 0%, rgba(224,100,47,.09), transparent 60%),
    radial-gradient(700px 350px at 85% 15%, rgba(59,130,246,.05), transparent 60%);
}
html[data-theme="clay"] .site-header { background: rgba(244, 241, 234, 0.9); }
html[data-theme="clay"] .site-header.scrolled { background: rgba(244, 241, 234, 0.98); box-shadow: 0 10px 30px rgba(45,42,36,.08); }
html[data-theme="clay"] .hv-window { box-shadow: 0 30px 80px rgba(45, 42, 36, 0.16); }
html[data-theme="clay"] .hv-code, html[data-theme="clay"] .hv-bar { background: #26221B; }
html[data-theme="clay"] .btn-light { background: var(--text); color: #fff; }
html[data-theme="clay"] .cta-in h2, html[data-theme="clay"] .cta-in p { color: #fff; }
html[data-theme="clay"] .cta-band .btn-outline-light { border-color: rgba(255,255,255,.55); color: #fff; }

/* Açık temalarda hero istatistik şeridi (koyu cam efekti yerine açık kart) */
html[data-theme="swiss"] .hero-stats {
  background: #F4F6FA;
  border-color: #DDE3EC;
}
html[data-theme="clay"] .hero-stats {
  background: #ECE7DC;
  border-color: #DED6C4;
}

/* Logo görselleri */
.logo-mark-img { width: 40px; height: 40px; display: block; }
.logo-custom { max-height: 46px; width: auto; display: block; }