body {
    background: linear-gradient(to left top, #1a2a3a, #2c3e50, #34495e, #4a5c6e);
    color: #ecf0f1;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Card styling for dark theme */
.card {
    background-color: #34495e;
    color: #ecf0f1;
    border: 1px solid #2c3e50;
}
.card-title {
    color: #ecf0f1;
}

/* Form element styling */
input::placeholder,
.form-control::placeholder {
    color: #9aa0a6;
}
.form-label {
    color: #ecf0f1;
}
.form-control {
    background-color: #2c3e50;
    color: #ecf0f1;
    border-color: #495057;
}
.form-control:focus {
    background-color: #2c3e50;
    color: #ecf0f1;
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* Buttons */
.btn-primary {
    background-color: #0d6efd;
    border-color: #0d6efd;
}
.btn-primary:hover {
    background-color: #0b5ed7;
    border-color: #0a58ca;
}
.btn-success {
    background-color: #28a745;
    border-color: #28a745;
}
.btn-success:hover {
    background-color: #218838;
    border-color: #1e7e34;
}

/* Authentication page specific styles */
.auth-container {
    width: 100%;
    max-width: 450px;
    padding: 15px;
}
.auth-container .nav-pills .nav-link {
    color: #bdc3c7;
    background-color: #2c3e50;
    border: 1px solid #2c3e50;
    margin-bottom: 5px;
}
.auth-container .nav-pills .nav-link.active {
    color: #ecf0f1;
    background-color: #0d6efd;
    border-color: #0d6efd;
}
.auth-container .nav-pills .nav-link:hover:not(.active) {
    background-color: #3e536e;
    color: #ecf0f1;
}

/* Error messages */
.text-danger {
    color: #dc3545 !important;
}