/* styles.css */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Roboto:wght@400;500&display=swap');

body {
    background-color: #212529;
    color: #e9ecef;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
}

.container {
    max-width: 1200px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    color: #e9ecef;
}

.list-group-item {
    background-color: #343a40;
    border-color: #495057;
    color: #e9ecef;
}

.list-group-item a {
    color: #4dabf7;
    text-decoration: none;
}

.list-group-item a:hover {
    color: #74c0fc;
    text-decoration: underline;
}

.breadcrumb {
    background-color: #343a40;
    padding: 10px 15px;
    border-radius: 5px;
}

.breadcrumb-item a {
    color: #4dabf7;
}

.breadcrumb-item.active {
    color: #e9ecef;
}

.form-control {
    background-color: #343a40;
    border-color: #495057;
    color: #e9ecef;
}

.form-control::placeholder {
    color: #adb5bd;
}

.form-control:focus {
    background-color: #343a40;
    border-color: #4dabf7;
    box-shadow: 0 0 0 0.25rem rgba(77, 171, 247, 0.25);
}

.input-group .form-control {
    background-color: #343a40;
    border-color: #495057;
    color: #e9ecef;
}

.alert {
    background-color: #343a40;
    border-color: #495057;
    color: #e9ecef;
}

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

.btn-primary:hover {
    background-color: #74c0fc;
    border-color: #74c0fc;
}

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

.btn-danger {
    background-color: #e03131;
    border-color: #e03131;
}

.form-grid {
    display: grid;
    gap: 1rem;
    max-width: 600px;
}

.form-grid .form-group {
    margin-bottom: 0;
}

.form-grid label {
    font-weight: 500;
    color: #e9ecef;
}

.navbar {
    background-color: #343a40;
}

.navbar-brand, .nav-link {
    color: #e9ecef !important;
}

.navbar-brand:hover, .nav-link:hover {
    color: #4dabf7 !important;
}

.table {
    background-color: #343a40;
    color: #e9ecef;
    border-color: #495057;
}

.table th, .table td {
    border-color: #495057;
}

.table thead th {
    background-color: #2c3035;
    color: #e9ecef;
}

.table tbody tr:hover {
    background-color: #3b4148;
}

.table .btn {
    margin-right: 5px;
}

.pagination .page-link {
    background-color: #343a40;
    border-color: #495057;
    color: #e9ecef;
}

.pagination .page-link:hover {
    background-color: #4dabf7;
    color: #fff;
}

.pagination .page-item.active .page-link {
    background-color: #4dabf7;
    border-color: #4dabf7;
    color: #fff;
}