/* ملف تنسيق الوضع الداكن */
:root.dark-mode {
    --primary-color: #3498db;
    --secondary-color: #2ecc71;
    --accent-color: #e74c3c;
    --background-color: #121212;
    --text-color: #f5f5f5;
    --border-color: #333333;
    --card-bg: #1e1e1e;
    --header-bg: #1a1a1a;
    --footer-bg: #1a1a1a;
    --input-bg: #2a2a2a;
    --input-border: #444444;
}

body.dark-mode {
    color: var(--text-color);
    background-color: var(--background-color);
}

.dark-mode .card {
    background-color: var(--card-bg);
}

.dark-mode .card-header {
    background-color: var(--primary-color);
}

.dark-mode .card-footer {
    background-color: rgba(255, 255, 255, 0.05);
    border-top: 1px solid var(--border-color);
}

.dark-mode header {
    background-color: var(--header-bg);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.dark-mode footer {
    background-color: var(--footer-bg);
    border-top: 1px solid var(--border-color);
}

.dark-mode .form-control {
    background-color: var(--input-bg);
    border-color: var(--input-border);
    color: var(--text-color);
}

.dark-mode .page-header {
    background-color: var(--card-bg);
}

.dark-mode th {
    background-color: var(--card-bg);
}

.dark-mode tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

.dark-mode .pagination a {
    border-color: var(--border-color);
    color: var(--text-color);
}

.dark-mode .cart-summary {
    background-color: var(--card-bg);
}

.dark-mode .btn-outline {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.dark-mode .alert-success {
    background-color: rgba(46, 204, 113, 0.1);
    border-color: var(--success-color);
    color: var(--success-color);
}

.dark-mode .alert-error {
    background-color: rgba(231, 76, 60, 0.1);
    border-color: var(--error-color);
    color: var(--error-color);
}

.dark-mode .alert-warning {
    background-color: rgba(243, 156, 18, 0.1);
    border-color: var(--warning-color);
    color: var(--warning-color);
}

.dark-mode .alert-info {
    background-color: rgba(52, 152, 219, 0.1);
    border-color: var(--info-color);
    color: var(--info-color);
}