/* =========================================================
   RUBY PASSION THEME - Yakut Tutku Teması
   Kırmızı tonları, ateşli ve enerjik tasarım
   ========================================================= */

[data-theme="ruby-passion"] {
    /* Ana Renkler */
    --accent: #EF4444;
    --accent-2: #F87171;
    --accent-soft: rgba(239, 68, 68, 0.3);
    --glow: rgba(239, 68, 68, 0.6);
    --bg: #180a0a;
    --ink: #fef2f2;
    --glass: #200c0ccc;
    
    /* Ek Renkler */
    --ruby: #EF4444;
    --light-ruby: #F87171;
    --dark-ruby: #DC2626;
    --rose: #FB7185;
}

/* Ana Background - Ruby Gradient */
[data-theme="ruby-passion"] body,
[data-theme="ruby-passion"] html {
    background: linear-gradient(135deg, 
        #0a0a0a 0%, 
        #1a0f0f 20%, 
        #281414 40%, 
        #1a0f0f 60%, 
        #0a0a0a 100%) !important;
    min-height: 100vh;
    position: relative;
    color: #fef2f2 !important;
}

/* Yakut Parıltı Efekti - SABİT */
[data-theme="ruby-passion"] body::before {
    content: '';
    position: fixed;
    inset: 0;
    background: 
        radial-gradient(ellipse 900px 700px at 70% 30%, rgba(239, 68, 68, 0.2) 0%, transparent 50%),
        radial-gradient(ellipse 700px 900px at 30% 70%, rgba(248, 113, 113, 0.15) 0%, transparent 50%),
        radial-gradient(ellipse 600px 600px at 50% 50%, rgba(220, 38, 38, 0.12) 0%, transparent 50%);
    pointer-events: none;
    z-index: 0;
    /* Animasyon kaldırıldı */
}

/* Ateş Çizgileri Pattern - SABİT */
[data-theme="ruby-passion"] body::after {
    content: '';
    position: fixed;
    inset: 0;
    background-image: 
        repeating-linear-gradient(
            30deg,
            transparent,
            transparent 80px,
            rgba(239, 68, 68, 0.05) 80px,
            rgba(239, 68, 68, 0.05) 160px
        ),
        repeating-linear-gradient(
            -30deg,
            transparent,
            transparent 80px,
            rgba(248, 113, 113, 0.04) 80px,
            rgba(248, 113, 113, 0.04) 160px
        );
    pointer-events: none;
    z-index: 0;
    /* Animasyon kaldırıldı */
}

/* Kartlar - Ruby Style */
[data-theme="ruby-passion"] .card,
[data-theme="ruby-passion"] .felix-card,
[data-theme="ruby-passion"] .neon-frame {
    background: linear-gradient(135deg, 
        rgba(24, 10, 10, 0.95) 0%, 
        rgba(40, 20, 20, 0.9) 25%, 
        rgba(50, 25, 25, 0.85) 50%, 
        rgba(24, 10, 10, 0.95) 100%) !important;
    border: 2px solid rgba(239, 68, 68, 0.5) !important;
    box-shadow: 
        0 0 20px rgba(239, 68, 68, 0.4),
        inset 0 0 20px rgba(239, 68, 68, 0.1) !important;
    backdrop-filter: blur(15px) !important;
}

[data-theme="ruby-passion"] .card:hover,
[data-theme="ruby-passion"] .felix-card:hover,
[data-theme="ruby-passion"] .neon-frame:hover {
    border-color: rgba(248, 113, 113, 0.7) !important;
    box-shadow: 
        0 0 30px rgba(248, 113, 113, 0.6),
        inset 0 0 25px rgba(239, 68, 68, 0.15) !important;
    transform: translateY(-2px);
}

/* Butonlar - Ruby Gradient */
[data-theme="ruby-passion"] .chip,
[data-theme="ruby-passion"] button,
[data-theme="ruby-passion"] .nav-link {
    background: linear-gradient(135deg, 
        rgba(239, 68, 68, 0.2) 0%, 
        rgba(248, 113, 113, 0.15) 50%, 
        rgba(239, 68, 68, 0.2) 100%) !important;
    border: 1px solid rgba(239, 68, 68, 0.4) !important;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.2) !important;
}

[data-theme="ruby-passion"] .chip:hover,
[data-theme="ruby-passion"] button:hover,
[data-theme="ruby-passion"] .nav-link:hover {
    background: linear-gradient(135deg, 
        rgba(239, 68, 68, 0.3) 0%, 
        rgba(248, 113, 113, 0.25) 50%, 
        rgba(239, 68, 68, 0.3) 100%) !important;
    box-shadow: 0 6px 20px rgba(248, 113, 113, 0.4) !important;
}

/* Sidebar - Ruby */
[data-theme="ruby-passion"] .sidebar {
    background: linear-gradient(180deg,
        rgba(24, 10, 10, 0.98) 0%,
        rgba(40, 20, 20, 0.95) 50%,
        rgba(24, 10, 10, 0.98) 100%) !important;
    border-right: 2px solid rgba(239, 68, 68, 0.4) !important;
    box-shadow: 
        12px 0 30px rgba(0, 0, 0, 0.6),
        0 0 50px rgba(239, 68, 68, 0.3) !important;
}

/* Footer - Ruby */
[data-theme="ruby-passion"] .site-footer {
    background: linear-gradient(135deg, 
        #0a0a0a 0%, 
        #1a0f0f 20%, 
        #281414 40%, 
        #1a0f0f 60%, 
        #0a0a0a 100%) !important;
    border-top: 3px solid rgba(239, 68, 68, 0.4) !important;
}

/* Iframe Borders - Ruby */
[data-theme="ruby-passion"] iframe {
    border: 2px solid rgba(239, 68, 68, 0.5) !important;
    border-radius: 12px !important;
    box-shadow: 0 0 20px rgba(239, 68, 68, 0.3) !important;
}

/* Animasyonlar kaldırıldı - Tüm temalar statik */