/**
 * 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);
}
/* Premium theme extra styling */
body.theme-premium .sidebar {
    box-shadow: 2px 0 24px rgba(212, 175, 55, 0.08);
}
body.theme-premium .sidebar-menu-item.active .sidebar-menu-link {
    box-shadow: 0 2px 12px rgba(255, 107, 107, 0.35), inset 0 1px 0 rgba(212, 175, 55, 0.15);
}
body.theme-premium .page-header {
    border-bottom-color: rgba(212, 175, 55, 0.12);
}