/* static/css/dark-theme.css */
/* This file contains additional styles for dark mode */
body.dark-mode {
    background-color: #121212;
    color: #ffffff;
}

body.dark-mode header {
    background-color: #1e1e1e;
}

body.dark-mode .container {
    color: #ffffff;
}

body.dark-mode .hero {
    background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('https://via.placeholder.com/1920x800') no-repeat center center;
}

body.dark-mode .hero h1 {
    color: #ffc107;
}

body.dark-mode .hero p {
    color: #ffffff;
}

body.dark-mode .news-item {
    background-color: #1e1e1e;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    border: 1px solid #333;
}

body.dark-mode .news-item h3 {
    color: #007bff;
}

body.dark-mode .news-item p {
    color: #cccccc;
}

body.dark-mode .news-item small {
    color: #aaaaaa;
}

body.dark-mode .rules-container {
    background-color: #1e1e1e;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    border: 1px solid #333;
}

body.dark-mode .rules-container h3 {
    color: #007bff;
    border-bottom: 2px solid #007bff;
}

body.dark-mode .rules-content p {
    border-left: 4px solid #007bff;
}

body.dark-mode .auth-form {
    background-color: #1e1e1e;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    border: 1px solid #333;
}

body.dark-mode .auth-form input {
    background-color: #2d2d2d;
    color: #ffffff;
    border: 1px solid #444;
}

body.dark-mode .auth-form input:focus {
    border-color: #007bff;
    box-shadow: 0 0 0 2px rgba(0,123,255,0.25);
}

body.dark-mode .profile-content {
    background-color: #1e1e1e;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    border: 1px solid #333;
}

body.dark-mode .user-info h2 {
    color: #007bff;
}

body.dark-mode .user-info p {
    color: #ffffff;
}

body.dark-mode .skin-upload h3 {
    color: #007bff;
}

body.dark-mode .actions {
    border-top: 1px solid #333;
}

body.dark-mode .btn {
    color: #ffffff;
}

body.dark-mode .btn-primary {
    background-color: #007bff;
}

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

body.dark-mode .btn-success {
    background-color: #28a745;
}

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

body.dark-mode .btn-warning {
    background-color: #ffc107;
    color: #212529;
}

body.dark-mode .btn-info {
    background-color: #17a2b8;
}

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

body.dark-mode .alert-success {
    background-color: #155724;
    color: #d4edda;
    border: 1px solid #c3e6cb;
}

body.dark-mode .alert-error {
    background-color: #721c24;
    color: #f8d7da;
    border: 1px solid #f5c6cb;
}

/* Theme Toggle Icons */
body.dark-mode .theme-toggle i:first-child {
    display: none;
}

body.dark-mode .theme-toggle i:last-child {
    display: inline;
}

/* Additional Styling */
@media (max-width: 480px) {
    .hero h1 {
        font-size: 1.5rem;
    }
    
    .news-item {
        padding: 1rem;
    }
    
    .auth-form {
        padding: 1rem;
    }
    
    .auth-form input,
    .auth-form button {
        font-size: 0.9rem;
    }
    
    .btn {
        font-size: 0.9rem;
        padding: 8px 16px;
    }
}