/* OSTexplo custom styles */
body {
    background-color: #1a1d23;
}

.navbar-brand {
    font-weight: 600;
    letter-spacing: -0.5px;
}

.card {
    border-color: #2a2d35;
}

.card-header {
    background-color: #22252d;
    border-bottom-color: #2a2d35;
}

.list-group-item {
    background-color: #1a1d23;
    border-color: #2a2d35;
}

.list-group-item:hover {
    background-color: #22252d;
}

.breadcrumb {
    background-color: transparent;
    padding: 0;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #6c757d;
}

a {
    color: #6ea8fe;
}

.btn-outline-secondary {
    border-color: #3a3d45;
    color: #adb5bd;
}

.btn-outline-secondary:hover {
    background-color: #2a2d35;
    border-color: #4a4d55;
    color: #fff;
}

.form-control, .form-control:focus {
    background-color: #22252d;
    border-color: #3a3d45;
    color: #e9ecef;
}

.form-control:focus {
    box-shadow: 0 0 0 0.2rem rgba(110, 168, 254, 0.15);
}

.form-text {
    color: #6c757d;
}

pre {
    background-color: #22252d;
    padding: 1rem;
    border-radius: 0.375rem;
    border: 1px solid #2a2d35;
}

iframe {
    background-color: #fff;
    border-radius: 0.25rem;
}

/* Scrollbar styling */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #1a1d23;
}
::-webkit-scrollbar-thumb {
    background: #3a3d45;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #4a4d55;
}