/**
 * Theme 3 Styles - Soft Blue Theme
 * Yumuşak mavi tonlu, koyu arka planlı tema
 */

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

:root {
    /* Soft Blue Theme Colors - Dark Background */
    --bg-primary: #0d1117;
    --bg-secondary: #161b22;
    --bg-tertiary: #1c2128;
    --bg-card: #21262d;
    --bg-hover: #2d333b;
    
    /* Accent Colors - Soft Blue */
    --accent-primary: #58a6ff;
    --accent-secondary: #4493f8;
    --accent-gradient: linear-gradient(135deg, #58a6ff 0%, #4493f8 50%, #2f81f7 100%);
    
    /* Text Colors */
    --text-primary: #c9d1d9;
    --text-secondary: #8b949e;
    --text-muted: #6e7681;
    
    /* Border & Shadow */
    --border-color: rgba(88, 166, 255, 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(88, 166, 255, 0.08) 0%, transparent 50%),
        radial-gradient(at 100% 100%, rgba(68, 147, 248, 0.08) 0%, transparent 50%);
}

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

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

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

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