/**
 * 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ı.
 * 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;
    --secondary: 56, 189, 248;
    --secondary-on: #0b0f1a;
    --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);
    --bg-rgb: 10, 10, 10;
    --surface-rgb: 17, 17, 17;
    --surface-700-rgb: 28, 28, 28;
    --stroke-rgb: 252, 231, 194;
    --primary-text: 245, 158, 11;
}

/* Mor — soğuk slate + violet + altın (kırmızı yapısı) */
:root[data-theme="mor"] {
    --primary: 139, 92, 246;
    --secondary: 249, 115, 22;
    --secondary-on: #ffffff;
    --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);
    --bg-rgb: 10, 11, 16;
    --surface-rgb: 15, 17, 24;
    --surface-700-rgb: 27, 30, 40;
    --stroke-rgb: 226, 214, 253;
    --primary-text: 151, 108, 247;
}

/* Mavi — soğuk slate + royal blue + amber (sky/cyan YOK) */
:root[data-theme="mavi"] {
    --primary: 37, 99, 235;
    --secondary: 251, 76, 49;
    --secondary-on: #ffffff;
    --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);
    --bg-rgb: 9, 11, 14;
    --surface-rgb: 14, 18, 22;
    --surface-700-rgb: 26, 31, 37;
    --stroke-rgb: 200, 216, 250;
    --primary-text: 81, 130, 239;
}

/* Yeşil — diğer temalarla aynı yapı: soğuk slate + emerald + altın */
:root[data-theme="yesil"] {
    --primary: 16, 185, 129;
    --secondary: 249, 115, 22;
    --secondary-on: #ffffff;
    --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);
    --bg-rgb: 9, 11, 14;
    --surface-rgb: 14, 18, 22;
    --surface-700-rgb: 26, 31, 37;
    --stroke-rgb: 195, 238, 224;
    --primary-text: 16, 185, 129;
}

/* Zümrüt Gece — ölçülen palet:
   neredeyse siyah yeşil zemin, #0e1b14 kartlar, #14c85c canlı yeşil, #00602c buton/aktif yeşili */
:root[data-theme="zumrut-gece"] {
    --primary: 20, 200, 92;
    --secondary: 250, 204, 21;
    --secondary-on: #0b0f1a;
    --bg-color: #010a06;
    --card-bg: #0e1b14;
    --sponsor-card-bg: #0c1810;
    --text-primary: #ffffff;
    --text-secondary: #8f9a94;
    --accent: #14c85c;
    --accent-hover: #089049;
    --gradient: linear-gradient(135deg, #14c85c 0%, #089049 50%, #00602c 100%);
    --brand-red: #14c85c;
    --brand-red-hover: #2ee06f;
    --brand-red-dark: #00602c;
    --brand-red-mid: #089049;
    --brand-red-soft: #7cf0a8;
    --brand-red-pale: #d6fbe4;
    --surface-900: #000604;
    --surface-800: #010e07;
    --surface-700: #0e1b14;
    --surface-600: #14281d;
    --text-on-dark: #eef5f0;
    --text-light: #ffffff;
    --text-on-accent: #02140a;
    --text-gray: #59635d;
    --text-muted: #7e8580;
    --section-title-color: #6f7a74;
    --success-color: #22c55e;
    --danger-color: #ef4444;
    --border-subtle: rgba(120, 255, 170, 0.05);
    --border-soft: rgba(120, 255, 170, 0.08);
    --bg-rgb: 1, 10, 6;
    --surface-rgb: 1, 14, 7;
    --surface-700-rgb: 14, 27, 20;
    --stroke-rgb: 196, 241, 214;
    --primary-text: 20, 200, 92;
}

/* Zümrüt Gece — dolu butonlar: koyu yeşil zemin + beyaz yazı (ölçülen #00602c–#089049) */
:root[data-theme="zumrut-gece"] .btn-register,
:root[data-theme="zumrut-gece"] .sidebar-btn--register,
:root[data-theme="zumrut-gece"] .qa__btn,
:root[data-theme="zumrut-gece"] .event-card-btn,
:root[data-theme="zumrut-gece"] .bonus-btn-primary,
:root[data-theme="zumrut-gece"] .haber-btn-primary,
:root[data-theme="zumrut-gece"] .auth-form-inner .btn-submit,
:root[data-theme="zumrut-gece"] .affiliate-page .submit-btn,
:root[data-theme="zumrut-gece"] .cm-submit-btn,
:root[data-theme="zumrut-gece"] .btn-modal-save,
:root[data-theme="zumrut-gece"] .btn-link-account,
:root[data-theme="zumrut-gece"] .ticket-brochure__btn,
:root[data-theme="zumrut-gece"] .btn-error-home {
    background: linear-gradient(180deg, #089049 0%, #05823f 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(120, 255, 170, 0.22) !important;
    box-shadow: 0 6px 18px rgba(0, 96, 44, 0.45);
}

:root[data-theme="zumrut-gece"] .btn-register:hover,
:root[data-theme="zumrut-gece"] .sidebar-btn--register:hover,
:root[data-theme="zumrut-gece"] .qa__btn:hover,
:root[data-theme="zumrut-gece"] .event-card-btn:hover,
:root[data-theme="zumrut-gece"] .bonus-btn-primary:hover,
:root[data-theme="zumrut-gece"] .haber-btn-primary:hover,
:root[data-theme="zumrut-gece"] .auth-form-inner .btn-submit:hover,
:root[data-theme="zumrut-gece"] .affiliate-page .submit-btn:hover,
:root[data-theme="zumrut-gece"] .cm-submit-btn:hover,
:root[data-theme="zumrut-gece"] .btn-modal-save:hover,
:root[data-theme="zumrut-gece"] .btn-link-account:hover,
:root[data-theme="zumrut-gece"] .ticket-brochure__btn:hover,
:root[data-theme="zumrut-gece"] .btn-error-home:hover {
    background: linear-gradient(180deg, #0aa355 0%, #089049 100%) !important;
    color: #ffffff !important;
}

/* Zümrüt Gece — sidebar: yapı değişmez, sadece aktif satırın rengi (koyu yeşil + beyaz yazı).
   body.sidebar-pos-sol kuralları daha özgül olduğu için kök seçiciyle ezilir. */
:root[data-theme="zumrut-gece"] .sidebar-links a.is-active {
    background: linear-gradient(90deg, #005828 0%, #00662f 100%);
    border-color: rgba(120, 255, 170, 0.28);
    color: #ffffff;
}

:root[data-theme="zumrut-gece"] .sidebar-links a.is-active i:first-child {
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
}

:root[data-theme="zumrut-gece"] .sidebar-links a.is-active .sidebar-link-chevron {
    color: #ffffff;
    opacity: 1;
}

:root[data-theme="zumrut-gece"] .sponsors-cat-filter__btn.is-active {
    color: #ffffff;
    background: linear-gradient(180deg, transparent, rgba(8, 144, 73, 0.35));
}

:root[data-theme="zumrut-gece"] .sb-tab.is-active,
:root[data-theme="zumrut-gece"] .sb-detail-tab.is-active,
:root[data-theme="zumrut-gece"] .dice-direction-button.active {
    background: linear-gradient(180deg, #089049 0%, #05823f 100%);
    color: #ffffff;
}

/* Kırmızı — soğuk slate + red + coral (dokunulmadı) */
:root[data-theme="kirmizi"] {
    --primary: 239, 68, 68;
    --secondary: 56, 189, 248;
    --secondary-on: #0b0f1a;
    --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);
    --bg-rgb: 9, 11, 14;
    --surface-rgb: 14, 18, 22;
    --surface-700-rgb: 26, 31, 37;
    --stroke-rgb: 251, 208, 208;
    --primary-text: 239, 68, 68;
}

/* Pembe — soğuk slate + pink + coral */
:root[data-theme="pembe"] {
    --primary: 236, 72, 153;
    --secondary: 45, 212, 191;
    --secondary-on: #0b0f1a;
    --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);
    --bg-rgb: 11, 10, 14;
    --surface-rgb: 17, 15, 22;
    --surface-700-rgb: 29, 26, 36;
    --stroke-rgb: 250, 209, 230;
    --primary-text: 236, 72, 153;
}

/* Cyan — sıcak toprak zemin + aqua + lime (maviden ayrı) */
:root[data-theme="cyan"] {
    --primary: 20, 184, 166;
    --secondary: 244, 81, 52;
    --secondary-on: #ffffff;
    --bg-color: #090d0d;
    --card-bg: #131919;
    --sponsor-card-bg: #131919;
    --text-primary: #f2f8f7;
    --text-secondary: #9aaba8;
    --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: #050808;
    --surface-800: #0d1212;
    --surface-700: #182020;
    --surface-600: #263030;
    --text-on-dark: #eef6f5;
    --text-light: #ffffff;
    --text-on-accent: #000000;
    --text-gray: #667573;
    --text-muted: #869694;
    --section-title-color: #566663;
    --success-color: #22c55e;
    --danger-color: #f87171;
    --border-subtle: rgba(154, 171, 168, 0.08);
    --border-soft: rgba(20, 184, 166, 0.18);
    --bg-rgb: 9, 13, 13;
    --surface-rgb: 13, 18, 18;
    --surface-700-rgb: 24, 32, 32;
    --stroke-rgb: 196, 237, 233;
    --primary-text: 20, 184, 166;
}

/* ─── 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;
    --secondary: 56, 189, 248;
    --secondary-on: #0b0f1a;
    --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);
    --bg-rgb: 12, 8, 4;
    --surface-rgb: 20, 14, 7;
    --surface-700-rgb: 34, 24, 12;
    --stroke-rgb: 252, 231, 194;
    --primary-text: 245, 158, 11;
}

/* Mor Tek — violet gece paleti */
:root[data-theme="mor-tek"] {
    --primary: 139, 92, 246;
    --secondary: 249, 115, 22;
    --secondary-on: #ffffff;
    --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);
    --bg-rgb: 10, 6, 20;
    --surface-rgb: 16, 10, 31;
    --surface-700-rgb: 28, 20, 50;
    --stroke-rgb: 226, 214, 253;
    --primary-text: 151, 108, 247;
}

/* Mavi Tek — 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;
    --secondary: 251, 76, 49;
    --secondary-on: #ffffff;
    --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);
    --bg-rgb: 0, 2, 52;
    --surface-rgb: 0, 14, 96;
    --surface-700-rgb: 0, 24, 120;
    --stroke-rgb: 191, 220, 252;
    --primary-text: 26, 130, 243;
}

/* Zemin: saf koyu mavi-siyah + ü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 — "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);
}

/* 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 .mobile-nav__ico::before {
    background: radial-gradient(circle, rgba(var(--primary), 0.6) 0%, rgba(var(--primary), 0.22) 48%, transparent 74%);
}

: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'ı — "Biletler"
 * kartına karşılık gelir). 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;
    --secondary: 249, 115, 22;
    --secondary-on: #ffffff;
    --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);
    --bg-rgb: 4, 17, 12;
    --surface-rgb: 8, 22, 18;
    --surface-700-rgb: 16, 36, 28;
    --stroke-rgb: 195, 238, 224;
    --primary-text: 16, 185, 129;
}

/* Kırmızı Tek — crimson gece paleti */
:root[data-theme="kirmizi-tek"] {
    --primary: 239, 68, 68;
    --secondary: 56, 189, 248;
    --secondary-on: #0b0f1a;
    --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);
    --bg-rgb: 16, 6, 6;
    --surface-rgb: 24, 12, 12;
    --surface-700-rgb: 42, 20, 20;
    --stroke-rgb: 251, 208, 208;
    --primary-text: 239, 68, 68;
}

/* Pembe Tek — rose gece paleti */
:root[data-theme="pembe-tek"] {
    --primary: 236, 72, 153;
    --secondary: 45, 212, 191;
    --secondary-on: #0b0f1a;
    --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);
    --bg-rgb: 16, 6, 12;
    --surface-rgb: 24, 12, 18;
    --surface-700-rgb: 42, 20, 32;
    --stroke-rgb: 250, 209, 230;
    --primary-text: 236, 72, 153;
}

/* Cyan Tek — teal gece paleti */
:root[data-theme="cyan-tek"] {
    --primary: 20, 184, 166;
    --secondary: 244, 81, 52;
    --secondary-on: #ffffff;
    --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);
    --bg-rgb: 4, 17, 16;
    --surface-rgb: 8, 22, 21;
    --surface-700-rgb: 16, 36, 34;
    --stroke-rgb: 196, 237, 233;
    --primary-text: 20, 184, 166;
}