/* Dark Mode Styles */
body.dark-mode {
    background-color: #1a1a1a;
    color: #e0e0e0;
}

body.dark-mode header {
    background-color: #333;
    border-bottom-color: #880e4f; /* Darker CrossFit orange */
}

body.dark-mode header h1 {
    color: #e0e0e0;
}

body.dark-mode header nav ul li a {
    color: #e0e0e0;
}

body.dark-mode header nav ul li a:hover {
    color: #ff4081; /* Brighter pink for hover */
}

body.dark-mode .menu-toggle span {
    background-color: #e0e0e0;
}

body.dark-mode .hero,
body.dark-mode section,
body.dark-mode .admin-login-container,
body.dark-mode .dashboard-card,
body.dark-mode .competition-card {
    background-color: #2c2c2c;
    box-shadow: 0 2px 8px rgba(0,0,0,0.4);
}

body.dark-mode h2, body.dark-mode h3,
body.dark-mode .hero h2,
body.dark-mode .admin-login-container h2,
body.dark-mode .dashboard-card h3 {
    color: #ff4081; /* Brighter pink for headings */
}

body.dark-mode .form-group label {
    color: #e0e0e0;
}

body.dark-mode .form-group input[type="text"],
body.dark-mode .form-group input[type="email"],
body.dark-mode .form-group input[type="password"],
body.dark-mode .form-group input[type="date"],
body.dark-mode .form-group input[type="datetime-local"],
body.dark-mode .form-group input[type="number"],
body.dark-mode .form-group select,
body.dark-mode .form-group textarea {
    background-color: #3a3a3a;
    border-color: #555;
    color: #e0e0e0;
}

body.dark-mode .data-table th {
    background-color: #880e4f; /* Darker CrossFit orange */
    color: #e0e0e0;
}

body.dark-mode .data-table tr:nth-child(even) {
    background-color: #3a3a3a;
}

body.dark-mode .data-table tr:hover {
    background-color: #4a4a4a;
}

body.dark-mode .error-message {
    background-color: #4a1c1c;
    color: #ff8a80;
    border-color: #ff5252;
}

body.dark-mode .success-message {
    background-color: #1c4a1c;
    color: #80ff80;
    border-color: #52ff52;
}

body.dark-mode footer {
    background-color: #333;
}

/* Buttons for Dark Mode */
body.dark-mode .btn-primary {
    background-color: #ff4081;
}

body.dark-mode .btn-primary:hover {
    background-color: #e0005e;
}

body.dark-mode .btn-secondary {
    background-color: #666;
}

body.dark-mode .btn-secondary:hover {
    background-color: #888;
}

body.dark-mode .btn-info {
    background-color: #00bcd4;
}

body.dark-mode .btn-info:hover {
    background-color: #0097a7;
}

body.dark-mode .btn-success {
    background-color: #4caf50;
}

body.dark-mode .btn-success:hover {
    background-color: #388e3c;
}

body.dark-mode .btn-danger {
    background-color: #f44336;
}

body.dark-mode .btn-danger:hover {
    background-color: #d32f2f;
}