/**
 * Site renk temaları — html[data-theme="..."] / :root[data-theme] ile uygulanır.
 * Çift: accent + ikincil (altın/coral/lime). Tek: aynı hue’nun monokrom skalası.
 * Referans: kırmızı (soğuk slate + sıcak marka).
 */

/* Turuncu — sıcak nötr gri + amber/altın */
:root[data-theme="turuncu"] {
    --primary: 245, 158, 11;
    --bg-color: #0a0a0a;
    --card-bg: #161616;
    --sponsor-card-bg: #161616;
    --text-primary: #f8fafc;
    --text-secondary: #9ca3af;
    --accent: #f59e0b;
    --accent-hover: #d97706;
    --gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    --brand-red: #f59e0b;
    --brand-red-hover: #fbbf24;
    --brand-red-dark: #b45309;
    --brand-red-mid: #f59e0b;
    --brand-red-soft: #fcd34d;
    --brand-red-pale: #fef3c7;
    --surface-900: #050505;
    --surface-800: #111111;
    --surface-700: #1c1c1c;
    --surface-600: #2a2a2a;
    --text-on-dark: #f1f5f9;
    --text-light: #ffffff;
    --text-on-accent: #000000;
    --text-gray: #6b7280;
    --text-muted: #8a9aa6;
    --section-title-color: #5f6b78;
    --success-color: #10b981;
    --danger-color: #ef4444;
    --border-subtle: rgba(255, 255, 255, 0.05);
    --border-soft: rgba(255, 255, 255, 0.1);
}

/* Mor — soğuk slate + violet + altın (kırmızı yapısı) */
:root[data-theme="mor"] {
    --primary: 139, 92, 246;
    --bg-color: #0a0b10;
    --card-bg: #14161e;
    --sponsor-card-bg: #14161e;
    --text-primary: #f8fafc;
    --text-secondary: #9aa3b2;
    --accent: #8b5cf6;
    --accent-hover: #7c3aed;
    --gradient: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 45%, #f59e0b 100%);
    --brand-red: #8b5cf6;
    --brand-red-hover: #fbbf24;
    --brand-red-dark: #5b21b6;
    --brand-red-mid: #7c3aed;
    --brand-red-soft: #fcd34d;
    --brand-red-pale: #fef3c7;
    --surface-900: #06070c;
    --surface-800: #0f1118;
    --surface-700: #1b1e28;
    --surface-600: #2a2e3a;
    --text-on-dark: #f1f5f9;
    --text-light: #ffffff;
    --text-on-accent: #ffffff;
    --text-gray: #6b7280;
    --text-muted: #8a93a3;
    --section-title-color: #5c6575;
    --success-color: #14b8a6;
    --danger-color: #f43f5e;
    --border-subtle: rgba(154, 163, 178, 0.08);
    --border-soft: rgba(139, 92, 246, 0.18);
}

/* Mavi — soğuk slate + royal blue + amber (sky/cyan YOK) */
:root[data-theme="mavi"] {
    --primary: 37, 99, 235;
    --bg-color: #090b0e;
    --card-bg: #13171c;
    --sponsor-card-bg: #13171c;
    --text-primary: #f8fafc;
    --text-secondary: #9aa3af;
    --accent: #2563eb;
    --accent-hover: #1d4ed8;
    --gradient: linear-gradient(135deg, #2563eb 0%, #1d4ed8 45%, #f59e0b 100%);
    --brand-red: #2563eb;
    --brand-red-hover: #fbbf24;
    --brand-red-dark: #1e3a8a;
    --brand-red-mid: #1d4ed8;
    --brand-red-soft: #fcd34d;
    --brand-red-pale: #fef3c7;
    --surface-900: #05070a;
    --surface-800: #0e1216;
    --surface-700: #1a1f25;
    --surface-600: #282e36;
    --text-on-dark: #f1f5f9;
    --text-light: #ffffff;
    --text-on-accent: #ffffff;
    --text-gray: #6b7280;
    --text-muted: #8a93a0;
    --section-title-color: #5c6570;
    --success-color: #22c55e;
    --danger-color: #f87171;
    --border-subtle: rgba(154, 163, 175, 0.08);
    --border-soft: rgba(37, 99, 235, 0.18);
}

/* Yeşil — diğer temalarla aynı yapı: soğuk slate + emerald + altın */
:root[data-theme="yesil"] {
    --primary: 16, 185, 129;
    --bg-color: #090b0e;
    --card-bg: #13171c;
    --sponsor-card-bg: #13171c;
    --text-primary: #f8fafc;
    --text-secondary: #9aa3af;
    --accent: #10b981;
    --accent-hover: #059669;
    --gradient: linear-gradient(135deg, #10b981 0%, #047857 45%, #f59e0b 100%);
    --brand-red: #10b981;
    --brand-red-hover: #fbbf24;
    --brand-red-dark: #065f46;
    --brand-red-mid: #059669;
    --brand-red-soft: #fcd34d;
    --brand-red-pale: #fef3c7;
    --surface-900: #05070a;
    --surface-800: #0e1216;
    --surface-700: #1a1f25;
    --surface-600: #282e36;
    --text-on-dark: #f1f5f9;
    --text-light: #ffffff;
    --text-on-accent: #000000;
    --text-gray: #6b7280;
    --text-muted: #8a93a0;
    --section-title-color: #5c6570;
    --success-color: #0f766e;
    --danger-color: #f87171;
    --border-subtle: rgba(154, 163, 175, 0.08);
    --border-soft: rgba(16, 185, 129, 0.18);
}

/* Kırmızı — soğuk slate + red + coral (referans, dokunulmadı) */
:root[data-theme="kirmizi"] {
    --primary: 239, 68, 68;
    --bg-color: #090b0e;
    --card-bg: #13171c;
    --sponsor-card-bg: #13171c;
    --text-primary: #f8fafc;
    --text-secondary: #9aa3af;
    --accent: #ef4444;
    --accent-hover: #dc2626;
    --gradient: linear-gradient(135deg, #ef4444 0%, #dc2626 45%, #f97316 100%);
    --brand-red: #ef4444;
    --brand-red-hover: #fb923c;
    --brand-red-dark: #b91c1c;
    --brand-red-mid: #dc2626;
    --brand-red-soft: #fdba74;
    --brand-red-pale: #ffedd5;
    --surface-900: #05070a;
    --surface-800: #0e1216;
    --surface-700: #1a1f25;
    --surface-600: #282e36;
    --text-on-dark: #f1f5f9;
    --text-light: #ffffff;
    --text-on-accent: #ffffff;
    --text-gray: #6b7280;
    --text-muted: #8a93a0;
    --section-title-color: #5c6570;
    --success-color: #22c55e;
    --danger-color: #fb7185;
    --border-subtle: rgba(154, 163, 175, 0.08);
    --border-soft: rgba(239, 68, 68, 0.18);
}

/* Pembe — soğuk slate + pink + coral */
:root[data-theme="pembe"] {
    --primary: 236, 72, 153;
    --bg-color: #0b0a0e;
    --card-bg: #17141c;
    --sponsor-card-bg: #17141c;
    --text-primary: #fdf8fb;
    --text-secondary: #a39aa8;
    --accent: #ec4899;
    --accent-hover: #db2777;
    --gradient: linear-gradient(135deg, #ec4899 0%, #db2777 45%, #f97316 100%);
    --brand-red: #ec4899;
    --brand-red-hover: #fb923c;
    --brand-red-dark: #be185d;
    --brand-red-mid: #db2777;
    --brand-red-soft: #fdba74;
    --brand-red-pale: #ffedd5;
    --surface-900: #07060a;
    --surface-800: #110f16;
    --surface-700: #1d1a24;
    --surface-600: #2c2834;
    --text-on-dark: #faf0f5;
    --text-light: #ffffff;
    --text-on-accent: #ffffff;
    --text-gray: #726b78;
    --text-muted: #918a98;
    --section-title-color: #635c6a;
    --success-color: #14b8a6;
    --danger-color: #f43f5e;
    --border-subtle: rgba(163, 154, 168, 0.08);
    --border-soft: rgba(236, 72, 153, 0.18);
}

/* Cyan — sıcak toprak zemin + aqua + lime (maviden ayrı) */
:root[data-theme="cyan"] {
    --primary: 20, 184, 166;
    --bg-color: #100e0a;
    --card-bg: #1c1913;
    --sponsor-card-bg: #1c1913;
    --text-primary: #f7f5f0;
    --text-secondary: #a39a8a;
    --accent: #14b8a6;
    --accent-hover: #0d9488;
    --gradient: linear-gradient(135deg, #14b8a6 0%, #0d9488 45%, #a3e635 100%);
    --brand-red: #14b8a6;
    --brand-red-hover: #a3e635;
    --brand-red-dark: #0f766e;
    --brand-red-mid: #0d9488;
    --brand-red-soft: #bef264;
    --brand-red-pale: #ecfccb;
    --surface-900: #090805;
    --surface-800: #15130e;
    --surface-700: #221f18;
    --surface-600: #332f25;
    --text-on-dark: #f2efe8;
    --text-light: #ffffff;
    --text-on-accent: #000000;
    --text-gray: #756c5c;
    --text-muted: #948b7a;
    --section-title-color: #6b6252;
    --success-color: #22c55e;
    --danger-color: #f87171;
    --border-subtle: rgba(163, 154, 138, 0.08);
    --border-soft: rgba(20, 184, 166, 0.18);
}

/* ─── Tek renk (tam monokrom) — zemin, yüzey, metin, accent aynı hue tonları ─── */

/* Turuncu Tek — amber gece paleti */
:root[data-theme="turuncu-tek"] {
    --primary: 245, 158, 11;
    --bg-color: #0c0804;
    --card-bg: #1a1208;
    --sponsor-card-bg: #140e07;
    --text-primary: #fff8eb;
    --text-secondary: #c4a574;
    --accent: #f59e0b;
    --accent-hover: #d97706;
    --gradient: linear-gradient(135deg, #fbbf24 0%, #f59e0b 45%, #92400e 100%);
    --brand-red: #f59e0b;
    --brand-red-hover: #fbbf24;
    --brand-red-dark: #78350f;
    --brand-red-mid: #d97706;
    --brand-red-soft: #fcd34d;
    --brand-red-pale: #fef3c7;
    --surface-900: #070502;
    --surface-800: #140e07;
    --surface-700: #22180c;
    --surface-600: #352614;
    --text-on-dark: #fef3c7;
    --text-light: #fffbeb;
    --text-on-accent: #000000;
    --text-gray: #8a6e3e;
    --text-muted: #a8874f;
    --section-title-color: #7a6238;
    --success-color: #fbbf24;
    --danger-color: #b45309;
    --border-subtle: rgba(245, 158, 11, 0.08);
    --border-soft: rgba(245, 158, 11, 0.22);
}

/* Mor Tek — violet gece paleti */
:root[data-theme="mor-tek"] {
    --primary: 139, 92, 246;
    --bg-color: #0a0614;
    --card-bg: #16102a;
    --sponsor-card-bg: #100a1f;
    --text-primary: #f5f0ff;
    --text-secondary: #b5a3de;
    --accent: #8b5cf6;
    --accent-hover: #7c3aed;
    --gradient: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 45%, #4c1d95 100%);
    --brand-red: #8b5cf6;
    --brand-red-hover: #a78bfa;
    --brand-red-dark: #3b0764;
    --brand-red-mid: #7c3aed;
    --brand-red-soft: #c4b5fd;
    --brand-red-pale: #ede9fe;
    --surface-900: #06030e;
    --surface-800: #100a1f;
    --surface-700: #1c1432;
    --surface-600: #2c2148;
    --text-on-dark: #ede9fe;
    --text-light: #faf5ff;
    --text-on-accent: #ffffff;
    --text-gray: #7c6ba3;
    --text-muted: #9580c0;
    --section-title-color: #6b5a94;
    --success-color: #a78bfa;
    --danger-color: #6d28d9;
    --border-subtle: rgba(139, 92, 246, 0.1);
    --border-soft: rgba(139, 92, 246, 0.24);
}

/* Mavi Tek — referans site (galaxysohbet.com) üzerinde TAM PİKSEL HİSTOGRAM
 * analizi yapıldı (görüntünün tamamı 12'lik adımlarla renk kümelerine
 * ayrıldı + şeffaflık hipotezi test edildi). Sonuç:
 * 1) Renklerin NEREDEYSE TAMAMINDA KIRMIZI KANAL SIFIR (R≈0). Bu "saf mavi"
 *    (hue ~208-212°) bir palet; benim önceki denemelerimdeki R=20-40 değerleri
 *    (Tailwind mavisi #2563eb/#3b82f6 ailesi) rengi eflatuna kaçırıyordu.
 * 2) En baskın tek renk #000c54 (0,12,84) — kart/panel dolgusu TAM OLARAK bu.
 *    Bu ton (0,12,X) X=60..144 arası geniş bir merdiven oluşturuyor: yani
 *    kartlar SABİT bir renk değil, gövdenin parlama gradyanının üstünde
 *    YARI SAYDAM bir katman (şeffaflık burada devreye giriyor).
 * 3) Zemin/boşluklar saf (0,0,36..60) — kartlardan daha koyu ve YEŞİLSİZ.
 * 4) Kenarlık/glow tonu (0,24..36,96..180) — yine R=0, kart dolgusundan bir
 *    kademe daha parlak ve yeşili biraz daha yüksek.
 * 5) Buton dolgusu (Kayıt Ol/Kod Gir/Biletler) baskın olarak (0,108..120,240)
 *    — yani düz #2563eb değil, tam #0074f2 tonu.
 * Bu yüzden: (a) temel değişkenler saf mavi (R=0) tonlara çekildi, (b) asıl
 * "transparan" hissi topbar/alt-nav/dropdown/kartlarda GERÇEK rgba() +
 * backdrop-filter (buzlu cam) ile veriliyor — düz katı renk yerine gövdenin
 * parlama gradyanı bu panellerin ALTINDAN gerçekten görünüyor. */
:root[data-theme="mavi-tek"] {
    --primary: 0, 116, 242;
    --bg-color: #000234;
    --card-bg: #000c54;
    --sponsor-card-bg: #000a46;
    --text-primary: #eef6ff;
    --text-secondary: #8fb3e8;
    --accent: #0074f2;
    --accent-hover: #004fb0;
    --gradient: linear-gradient(135deg, #0090ff 0%, #0074f2 45%, #000c54 100%);
    --brand-red: #0074f2;
    --brand-red-hover: #0090ff;
    --brand-red-dark: #000c54;
    --brand-red-mid: #004fb0;
    --brand-red-soft: #6cb6ff;
    --brand-red-pale: #d6ecff;
    --surface-900: #000c54;
    --surface-800: #000e60;
    --surface-700: #001878;
    --surface-600: #002496;
    --text-on-dark: #d6ecff;
    --text-light: #ffffff;
    --text-on-accent: #ffffff;
    --text-gray: #4d6ba8;
    --text-muted: #7093c8;
    --section-title-color: #3c5a94;
    --success-color: #0090ff;
    --danger-color: #004fb0;
    --border-subtle: rgba(0, 110, 240, 0.14);
    --border-soft: rgba(0, 90, 220, 0.5);
}

/* Zemin: saf koyu mavi-siyah + referanstaki gibi üstte/altta hafif ışık
 * halesi (rgba(var(--primary)) artık saf mavi olduğu için otomatik uyumlu). */
:root[data-theme="mavi-tek"] body {
    background:
        radial-gradient(ellipse 85% 30% at 50% 0%, rgba(var(--primary), 0.26) 0%, transparent 65%),
        radial-gradient(ellipse 90% 20% at 50% 100%, rgba(var(--primary), 0.2) 0%, transparent 70%),
        radial-gradient(ellipse 60% 28% at 100% 20%, rgba(var(--primary), 0.1) 0%, transparent 60%),
        var(--bg-color);
    background-attachment: fixed;
}

/* Topbar / alt-nav / dropdown'lar — referanstaki "transparan" his: düz katı
 * renk DEĞİL, buzlu cam (rgba + backdrop-filter). Gövdenin parlama gradyanı
 * bu panellerin altından gerçekten sızıyor. sidebar-pos-sol düzeninde
 * .topbar-wrapper'ın transparent kalması gereken davranışına dokunulmaz —
 * asıl görünür şerit .topbar-main / .mobile-bottom-nav üzerinden gelir. */
:root[data-theme="mavi-tek"] .topbar-wrapper,
:root[data-theme="mavi-tek"] body.sidebar-pos-sol .topbar-main,
:root[data-theme="mavi-tek"] .mobile-bottom-nav,
:root[data-theme="mavi-tek"] .mobile-bottom-nav::before {
    background: rgba(0, 12, 76, 0.78) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: 0 1px 0 rgba(var(--primary), 0.3), 0 6px 24px rgba(var(--primary), 0.16);
}

:root[data-theme="mavi-tek"] .topbar-sub,
:root[data-theme="mavi-tek"] .mega-dropdown,
:root[data-theme="mavi-tek"] .user-dropdown,
:root[data-theme="mavi-tek"] .lang-dropdown {
    background: rgba(0, 12, 76, 0.85) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

/* Referanstaki ikon butonları (arama/kupon/hediye) kart dolgusundan bariz
 * açık, orta parlaklıkta saf mavi + hafif buzlu cam. */
:root[data-theme="mavi-tek"] .search-btn,
:root[data-theme="mavi-tek"] .sub-btn,
:root[data-theme="mavi-tek"] .sg-nav-btn,
:root[data-theme="mavi-tek"] .btn-puan,
:root[data-theme="mavi-tek"] .topbar-user-puan,
:root[data-theme="mavi-tek"] .topbar-user-profile,
:root[data-theme="mavi-tek"] .lang-current,
:root[data-theme="mavi-tek"] .sidebar-collapse-btn,
:root[data-theme="mavi-tek"] .topbar-menu-btn {
    background: rgba(0, 22, 128, 0.6) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 0 12px rgba(var(--primary), 0.28);
}

/* QA kartları (Kod Gir / Çark / Günlük Puan) + sosyal/bonus kartları —
 * yarı saydam dolgu (gövde parlaması altından sızar) + saf mavi kenarlık/glow.
 * Kenarlıkta ölçülen tepe nokta rgb(0,30,165) — bu yüzden yeşil kanalı düşük,
 * mavi kanalı yüksek tutuluyor (Tailwind mavisi gibi yeşili yüksek DEĞİL). */
:root[data-theme="mavi-tek"] .qa__card,
:root[data-theme="mavi-tek"] .social-grid .social-card,
:root[data-theme="mavi-tek"] .side-banner-link {
    background: rgba(0, 12, 76, 0.55) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-color: rgba(0, 90, 220, 0.55) !important;
    box-shadow: 0 0 0 1px rgba(0, 90, 220, 0.2), 0 0 26px rgba(0, 90, 220, 0.38);
}

:root[data-theme="mavi-tek"] .bonus-story-avatar {
    border-color: rgba(0, 90, 220, 0.55) !important;
    box-shadow: 0 0 0 1px rgba(0, 90, 220, 0.2), 0 0 20px rgba(0, 90, 220, 0.35);
}

:root[data-theme="mavi-tek"] .qa__card:hover,
:root[data-theme="mavi-tek"] .social-grid .social-card:hover {
    border-color: rgba(0, 150, 255, 0.75) !important;
    box-shadow: 0 0 0 1px rgba(0, 150, 255, 0.4), 0 0 34px rgba(0, 110, 240, 0.55);
}

/* Dolgulu ana butonlar (Kayıt Ol / Kod Gir / Çarkı Çevir / Talep Et) —
 * histogramda en baskın buton tonu rgb(0,108-120,240) — bu yüzden R=0. */
:root[data-theme="mavi-tek"] .qa__btn,
:root[data-theme="mavi-tek"] .btn-register,
:root[data-theme="mavi-tek"] .sidebar-btn--register {
    background: linear-gradient(180deg, #0090ff 0%, #0074f2 55%, #004fb0 100%) !important;
    box-shadow: 0 0 18px rgba(0, 110, 240, 0.6);
}

:root[data-theme="mavi-tek"] .qa__btn:hover,
:root[data-theme="mavi-tek"] .btn-register:hover {
    box-shadow: 0 0 26px rgba(0, 150, 255, 0.8);
}

:root[data-theme="mavi-tek"] .mobile-nav__item.is-active {
    background: rgba(var(--primary), 0.2);
    box-shadow: 0 0 20px rgba(var(--primary), 0.55);
    border-radius: 12px;
}

:root[data-theme="mavi-tek"] .bonus-story-item.is-seen .bonus-story-ring-svg {
    stroke: var(--surface-600, #002496);
}

/* Etkinlikler kartı (ana sayfa "Etkinlikler" widget'ı — referanstaki "Biletler"
 * kartına karşılık gelir). Referansta bu kartın sol kenarlığı diğer kartlardan
 * ÇOK DAHA GÜÇLÜ ve kesintisiz parlıyor (ort. rgb(6,38,215)) — öne çıkan kart. */
:root[data-theme="mavi-tek"] .event-card {
    background: rgba(0, 12, 76, 0.55) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-color: rgba(0, 100, 235, 0.85) !important;
    box-shadow: 0 0 0 1px rgba(0, 100, 235, 0.4), 0 0 32px rgba(0, 100, 235, 0.55);
}

:root[data-theme="mavi-tek"] .event-card:hover {
    border-color: rgba(0, 150, 255, 0.95) !important;
    box-shadow: 0 0 0 1px rgba(0, 150, 255, 0.55), 0 0 42px rgba(0, 100, 235, 0.75);
}

:root[data-theme="mavi-tek"] .countdown-value {
    border-color: rgba(0, 100, 235, 0.45) !important;
    background: rgba(0, 22, 128, 0.6) !important;
}

:root[data-theme="mavi-tek"] .event-card-btn {
    background: linear-gradient(180deg, #0090ff 0%, #0074f2 55%, #004fb0 100%) !important;
    border-color: rgba(0, 100, 235, 0.6) !important;
    color: var(--text-light) !important;
    box-shadow: 0 0 16px rgba(0, 100, 235, 0.55);
}

:root[data-theme="mavi-tek"] .event-card-btn:hover {
    box-shadow: 0 0 24px rgba(0, 150, 255, 0.75);
}

/* /etkinlikler sayfasındaki liste kartları — aynı görsel dil */
:root[data-theme="mavi-tek"] .etkinlik-card {
    background: rgba(0, 12, 76, 0.55) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-color: rgba(0, 90, 220, 0.35) !important;
    box-shadow: 0 0 0 1px rgba(0, 90, 220, 0.14), 0 0 22px rgba(0, 90, 220, 0.28);
}

:root[data-theme="mavi-tek"] .etkinlik-card:hover {
    border-color: rgba(0, 150, 255, 0.6) !important;
}

:root[data-theme="mavi-tek"] .cd-box {
    border-color: rgba(0, 100, 235, 0.4) !important;
    background: rgba(0, 22, 128, 0.6) !important;
}

/* Yeşil Tek — emerald gece paleti */
:root[data-theme="yesil-tek"] {
    --primary: 16, 185, 129;
    --bg-color: #04110c;
    --card-bg: #0c1f18;
    --sponsor-card-bg: #081612;
    --text-primary: #ecfdf5;
    --text-secondary: #86c4ae;
    --accent: #10b981;
    --accent-hover: #059669;
    --gradient: linear-gradient(135deg, #34d399 0%, #10b981 45%, #064e3b 100%);
    --brand-red: #10b981;
    --brand-red-hover: #34d399;
    --brand-red-dark: #022c22;
    --brand-red-mid: #059669;
    --brand-red-soft: #6ee7b7;
    --brand-red-pale: #d1fae5;
    --surface-900: #020a08;
    --surface-800: #081612;
    --surface-700: #10241c;
    --surface-600: #1a3830;
    --text-on-dark: #d1fae5;
    --text-light: #f0fdf4;
    --text-on-accent: #000000;
    --text-gray: #4f8a74;
    --text-muted: #689e8a;
    --section-title-color: #457866;
    --success-color: #34d399;
    --danger-color: #047857;
    --border-subtle: rgba(16, 185, 129, 0.1);
    --border-soft: rgba(16, 185, 129, 0.24);
}

/* Kırmızı Tek — crimson gece paleti */
:root[data-theme="kirmizi-tek"] {
    --primary: 239, 68, 68;
    --bg-color: #100606;
    --card-bg: #221010;
    --sponsor-card-bg: #180c0c;
    --text-primary: #fff1f1;
    --text-secondary: #d49a9a;
    --accent: #ef4444;
    --accent-hover: #dc2626;
    --gradient: linear-gradient(135deg, #f87171 0%, #ef4444 45%, #7f1d1d 100%);
    --brand-red: #ef4444;
    --brand-red-hover: #f87171;
    --brand-red-dark: #450a0a;
    --brand-red-mid: #dc2626;
    --brand-red-soft: #fca5a5;
    --brand-red-pale: #fee2e2;
    --surface-900: #0a0303;
    --surface-800: #180c0c;
    --surface-700: #2a1414;
    --surface-600: #3f1f1f;
    --text-on-dark: #fee2e2;
    --text-light: #fff5f5;
    --text-on-accent: #ffffff;
    --text-gray: #9a5c5c;
    --text-muted: #b57272;
    --section-title-color: #8a5050;
    --success-color: #f87171;
    --danger-color: #b91c1c;
    --border-subtle: rgba(239, 68, 68, 0.1);
    --border-soft: rgba(239, 68, 68, 0.24);
}

/* Pembe Tek — rose gece paleti */
:root[data-theme="pembe-tek"] {
    --primary: 236, 72, 153;
    --bg-color: #10060c;
    --card-bg: #221018;
    --sponsor-card-bg: #180c12;
    --text-primary: #fff0f7;
    --text-secondary: #d4a0b8;
    --accent: #ec4899;
    --accent-hover: #db2777;
    --gradient: linear-gradient(135deg, #f472b6 0%, #ec4899 45%, #831843 100%);
    --brand-red: #ec4899;
    --brand-red-hover: #f472b6;
    --brand-red-dark: #500724;
    --brand-red-mid: #db2777;
    --brand-red-soft: #f9a8d4;
    --brand-red-pale: #fce7f3;
    --surface-900: #0a0408;
    --surface-800: #180c12;
    --surface-700: #2a1420;
    --surface-600: #3f2030;
    --text-on-dark: #fce7f3;
    --text-light: #fff5fa;
    --text-on-accent: #ffffff;
    --text-gray: #9a5c78;
    --text-muted: #b57292;
    --section-title-color: #8a5070;
    --success-color: #f472b6;
    --danger-color: #be185d;
    --border-subtle: rgba(236, 72, 153, 0.1);
    --border-soft: rgba(236, 72, 153, 0.24);
}

/* Cyan Tek — teal gece paleti */
:root[data-theme="cyan-tek"] {
    --primary: 20, 184, 166;
    --bg-color: #041110;
    --card-bg: #0c1f1d;
    --sponsor-card-bg: #081615;
    --text-primary: #f0fdfa;
    --text-secondary: #86c4bc;
    --accent: #14b8a6;
    --accent-hover: #0d9488;
    --gradient: linear-gradient(135deg, #2dd4bf 0%, #14b8a6 45%, #115e59 100%);
    --brand-red: #14b8a6;
    --brand-red-hover: #2dd4bf;
    --brand-red-dark: #042f2e;
    --brand-red-mid: #0d9488;
    --brand-red-soft: #5eead4;
    --brand-red-pale: #ccfbf1;
    --surface-900: #020a09;
    --surface-800: #081615;
    --surface-700: #102422;
    --surface-600: #1a3834;
    --text-on-dark: #ccfbf1;
    --text-light: #f0fdfa;
    --text-on-accent: #000000;
    --text-gray: #4f8a82;
    --text-muted: #689e96;
    --section-title-color: #457870;
    --success-color: #2dd4bf;
    --danger-color: #0f766e;
    --border-subtle: rgba(20, 184, 166, 0.1);
    --border-soft: rgba(20, 184, 166, 0.24);
}