h1, h2, h3 {
    font-family: 'Montserrat', sans-serif;
}

body {
    font-family: 'Roboto', sans-serif;
}

html[data-bs-theme="light"] .bg-info-darker {
    background-color: #a3d4e2;
}
html[data-bs-theme="dark"] .bg-info-darker {
    background-color: #01191f;
}

html[data-bs-theme="light"] .border-secondary-custom {
    border-color: #6c757d !important;
}
html[data-bs-theme="dark"] .border-secondary-custom {
    border-color: #e2e3e5 !important;
}

html[data-bs-theme="light"] .custom-bg-gradient {
    background-image: linear-gradient(180deg, var(--bs-secondary-bg-subtle), var(--bs-secondary));
}
html[data-bs-theme="dark"] .custom-bg-gradient {
    background-image: linear-gradient(180deg, var(--bs-secondary) 40%, var(--bs-secondary-bg-subtle));
}

.separator {
    height: 40px;
}

.full-height {
    height: 80vh;
}

.form-check-label {
    margin-top: 1.25px;
}

.nav-tabs {
    border-color: var(--bs-secondary);
}

.nav-tabs .nav-link.active {
    background-color: var(--bs-info-bg-subtle);
    border-color: var(--bs-secondary);
    border-bottom-color: var(--bs-info-bg-subtle);
}
.nav-tabs .nav-link.active:hover {
    border-bottom-color: var(--bs-info-bg-subtle);
}

.nav-tabs .nav-link {
    border-bottom-color: var(--bs-secondary);
}
.nav-tabs .nav-link:hover {
    border-color: var(--bs-secondary);
}

@media (max-width: 375px) {
    .icon {
        max-width: 24px;
    }

    .separator {
        height: 32px;
    }

    .description {
        font-size: 12px;
    }

    .btn-clipboard img {
        max-width: 12px;
    }
}

html[data-bs-theme="light"] .custom-table {
    --bs-table-bg: #a3d4e2;
    
    border-collapse: separate;
    border-spacing: 0;
    border: 5px solid #a3d4e2;
    border-radius: 10px;
}
html[data-bs-theme="dark"] .custom-table {
    --bs-table-bg: #01191f;
    
    border-collapse: separate;
    border-spacing: 0;
    border: 5px solid #01191f;
    border-radius: 10px;
}

html[data-bs-theme="light"] .custom-table thead {
    border-bottom: 1px solid black;
    padding-bottom: 10px;
}
html[data-bs-theme="dark"] .custom-table thead {
    border-bottom: 1px solid white;
    padding-bottom: 10px;
}

.full-width {
    width: 100%;
}

.highlight-success {
    --bs-table-bg: green;
}

.highlight-danger {
    --bs-table-bg: #a10d0d;
}