/* Archivo: dark-theme.css */
/* Ubicación recomendada: /assets/css/dark-theme.css */

body {
    background-color: #121212;
    color: #e0e0e0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.card {
    background-color: #1e1e1e;
    border: 1px solid #333;
    border-radius: 0.5rem;
    color: #e0e0e0;
}

.btn-primary {
    background-color: #4caf50;
    border: none;
}

.btn-primary:hover {
    background-color: #45a049;
}

.btn-secondary {
    background-color: #424242;
    border: none;
}

.btn-secondary:hover {
    background-color: #5a5a5a;
}

.status-pass {
    color: #4caf50;
    font-weight: bold;
}

.status-fail {
    color: #f44336;
    font-weight: bold;
}

.status-warning {
    color: #ffc107;
    font-weight: bold;
}

pre {
    background-color: #1e1e1e;
    color: #ccc;
    padding: 1rem;
    border-radius: 0.5rem;
    overflow-x: auto;
}

input.form-control, select.form-control, textarea.form-control {
    background-color: #1e1e1e;
    border: 1px solid #333;
    color: #e0e0e0;
}

input.form-control:focus, select.form-control:focus, textarea.form-control:focus {
    background-color: #1e1e1e;
    color: #fff;
    border-color: #4caf50;
    box-shadow: none;
}

.navbar-dark .navbar-nav .nav-link {
    color: #e0e0e0;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: #4caf50;
}