/**
 * ============================================================================
 * BEX-BOX.RU DASHBOARD - DARK THEME CSS
 * ============================================================================
 * Datei: assets/css/dark.css
 * Version: 1.0.0
 * ============================================================================
 */

/* Dark Theme Variables */
[data-theme="dark"] {
    --bg-primary: #0f1419;
    --bg-secondary: #1a1f29;
    --bg-tertiary: #252d3a;
    
    --text-primary: #e7e9ea;
    --text-secondary: #8b98a5;
    --text-tertiary: #5e6c7a;
    
    --border-color: #2f3845;
    --shadow-color: rgba(0, 0, 0, 0.4);
    
    --accent-primary: #FF7700;
    --accent-secondary: #ff9500;
    --accent-hover: #ff8800;
}

/* Dark Theme Adjustments */
[data-theme="dark"] .widget {
    box-shadow: 0 2px 8px var(--shadow-color);
}

[data-theme="dark"] .dashboard-header,
[data-theme="dark"] .tabs-navigation,
[data-theme="dark"] .tab-content {
    box-shadow: 0 2px 8px var(--shadow-color);
}

[data-theme="dark"] .search-input {
    background: var(--bg-tertiary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-theme="dark"] .search-input::placeholder {
    color: var(--text-tertiary);
}

[data-theme="dark"] .search-input:focus {
    border-color: var(--accent-primary);
}

[data-theme="dark"] .rss-item,
[data-theme="dark"] .crypto-item,
[data-theme="dark"] .link-item {
    background: var(--bg-tertiary);
}

[data-theme="dark"] .rss-item:hover,
[data-theme="dark"] .crypto-item:hover,
[data-theme="dark"] .link-item:hover {
    background: var(--border-color);
}

[data-theme="dark"] .search-engine-btn,
[data-theme="dark"] .crypto-tab,
[data-theme="dark"] .widget-action-btn {
    background: var(--bg-tertiary);
}

[data-theme="dark"] .search-engine-btn:hover,
[data-theme="dark"] .crypto-tab:hover,
[data-theme="dark"] .widget-action-btn:hover {
    background: var(--border-color);
}

[data-theme="dark"] .modal-content {
    background: var(--bg-secondary);
}

[data-theme="dark"] .modal-header {
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .form-input {
    background: var(--bg-tertiary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-theme="dark"] .form-input:focus {
    border-color: var(--accent-primary);
}

[data-theme="dark"] .btn-secondary {
    background: var(--bg-tertiary);
    color: var(--text-primary);
}

[data-theme="dark"] .btn-secondary:hover {
    background: var(--border-color);
}

[data-theme="dark"] .login-overlay {
    background: rgba(0, 0, 0, 0.9);
}

[data-theme="dark"] .login-modal {
    background: var(--bg-secondary);
}

/* Dark Theme Background Adjustment */
[data-theme="dark"] body::before {
    opacity: 0.08;
}

/* Scrollbar Dark Theme */
[data-theme="dark"] ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
    background: var(--bg-tertiary);
    border-radius: 4px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 4px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: var(--text-tertiary);
}