/**
 * Chironex - Özel Tasarım Stilleri & Tema Değişkenleri
 */

:root {
    --primary-color: #6366f1;
    --primary-hover: #4f46e5;
    --primary-light: #e0e7ff;
    --primary-rgb: 99, 102, 241;
}

/* Koyu ve Açık Tema Geçişleri (Sadece kullanıcı butona tıkladığında geçiş efekti verilir, sayfa yüklenişinde flaşlama yapmaz) */
html.theme-transitioning,
html.theme-transitioning *,
html.theme-transitioning *:before,
html.theme-transitioning *:after {
    transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease !important;
    transition-delay: 0s !important;
}

/* Sayfalar arası dikey kaydırma çubuğunun oluşup kaybolmasından kaynaklı yatay zıplama/kaymaları önleme */
html {
    scrollbar-gutter: stable;
    overflow-y: scroll;
}

body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

/* Glassmorphism Efektleri */
.glass-card {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(226, 232, 240, 0.8);
}

.dark .glass-card {
    background: rgba(30, 41, 59, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(51, 65, 85, 0.6);
}

/* Özel Vurgu Rengi Sınıfları */
.bg-theme {
    background-color: var(--primary-color) !important;
}

.bg-theme:hover {
    background-color: var(--primary-hover) !important;
}

.text-theme {
    color: var(--primary-color) !important;
}

.border-theme {
    border-color: var(--primary-color) !important;
}

.focus-ring-theme:focus {
    --tw-ring-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* İnce ve Şık Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05);
}

.dark ::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
}

::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.5);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--primary-color);
}

/* Yumuşak Hover Animasyonları */
.hover-lift {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hover-lift:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px -10px rgba(0, 0, 0, 0.15);
}

.dark .hover-lift:hover {
    box-shadow: 0 12px 24px -10px rgba(0, 0, 0, 0.4);
}

/* Badge Renkleri */
.badge-admin {
    background-color: #ef4444;
    color: #ffffff;
}
.badge-moderator {
    background-color: #f59e0b;
    color: #ffffff;
}
.badge-member {
    background-color: #3b82f6;
    color: #ffffff;
}

/* Dropdown Köprü ve Hover Güvencesi */
.dropdown-container {
    position: relative;
}

.dropdown-container:hover .dropdown-menu {
    display: block !important;
}

.dropdown-menu {
    transition: opacity 0.15s ease;
}