/**
 * Theme 7 Styles - Monochrome Gray Theme
 * Minimalist gri tonlu, koyu arka planlı tema
 */

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

:root {
    /* Monochrome Gray Theme Colors - Dark Background */
    --bg-primary: #0d0d0d;
    --bg-secondary: #161616;
    --bg-tertiary: #1c1c1c;
    --bg-card: #212121;
    --bg-hover: #2d2d2d;
    
    /* Accent Colors - Soft Gray/White */
    --accent-primary: #a8a8a8;
    --accent-secondary: #8b8b8b;
    --accent-gradient: linear-gradient(135deg, #a8a8a8 0%, #8b8b8b 50%, #6e6e6e 100%);
    
    /* Text Colors */
    --text-primary: #d1d1d1;
    --text-secondary: #949494;
    --text-muted: #767676;
    
    /* Border & Shadow */
    --border-color: rgba(168, 168, 168, 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(168, 168, 168, 0.05) 0%, transparent 50%),
        radial-gradient(at 100% 100%, rgba(139, 139, 139, 0.05) 0%, transparent 50%);
}

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

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

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

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