/**
 * Theme 8 Styles - Soft Red Theme
 * Yumuşak kırmızı tonlu, koyu arka planlı tema
 */

@import url('../../css/main.css');

:root {
    /* Soft Red Theme Colors - Dark Background */
    --bg-primary: #170d0d;
    --bg-secondary: #1f1616;
    --bg-tertiary: #251c1c;
    --bg-card: #2a2121;
    --bg-hover: #352b2b;
    
    /* Accent Colors - Soft Red */
    --accent-primary: #ff6b6b;
    --accent-secondary: #ee5a5a;
    --accent-gradient: linear-gradient(135deg, #ff6b6b 0%, #ee5a5a 50%, #dc4a4a 100%);
    
    /* Text Colors */
    --text-primary: #e1c9c9;
    --text-secondary: #b48b8b;
    --text-muted: #966e6e;
    
    /* Border & Shadow */
    --border-color: rgba(255, 107, 107, 0.12);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.6);
}

body {
    background: var(--bg-primary);
    background-image: 
        radial-gradient(at 0% 0%, rgba(255, 107, 107, 0.08) 0%, transparent 50%),
        radial-gradient(at 100% 100%, rgba(238, 90, 90, 0.08) 0%, transparent 50%);
}

/* Button gradient overrides */
.btn-primary {
    box-shadow: 0 4px 14px rgba(255, 107, 107, 0.4);
}

.btn-primary:hover {
    box-shadow: 0 6px 20px rgba(255, 107, 107, 0.6);
}

/* Sidebar active link gradient */
.sidebar-menu-item.active .sidebar-menu-link {
    box-shadow: 0 4px 12px rgba(255, 107, 107, 0.3);
}

/* Progress bar glow */
.rank-progress-fill-modern {
    box-shadow: 0 0 20px rgba(255, 107, 107, 0.6);
}