:root,[data-bs-theme="light"] {
    --bd-callout-link: 10,88,202;
    --bd-callout-code-color: #ab296a;
}

[data-bs-theme="dark"] {
    --bd-callout-link: 110,168,254;
    --bd-callout-code-color: #e685b5;
}

.callout {
    --bs-link-color-rgb: var(--callout-link);
    --bs-code-color: var(--callout-code-color);
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    color: var(--callout-color, inherit);
    background-color: var(--callout-bg, var(--bs-gray-100));
    border-left: 0.25rem solid var(--callout-border, var(--bs-gray-300));
}

.callout h4 {
    margin-bottom: 0.25rem;
}

.callout > :last-child {
    margin-bottom: 0;
}

.callout + .callout {
    margin-top: -0.25rem;
}

.callout-primary {
    --callout-color: var(--bs-primary-text-emphasis);
    --callout-bg: var(--bs-primary-bg-subtle);
    --callout-border: var(--bs-primary-border-subtle);
}

.callout-secondary {
    --callout-color: var(--bs-secondary-text-emphasis);
    --callout-bg: var(--bs-secondary-bg-subtle);
    --callout-border: var(--bs-secondary-border-subtle);
}

.callout-success {
    --callout-color: var(--bs-success-text-emphasis);
    --callout-bg: var(--bs-success-bg-subtle);
    --callout-border: var(--bs-success-border-subtle);
}

.callout-info {
    --callout-color: var(--bs-info-text-emphasis);
    --callout-bg: var(--bs-info-bg-subtle);
    --callout-border: var(--bs-info-border-subtle);
}

.callout-warning {
    --callout-color: var(--bs-warning-text-emphasis);
    --callout-bg: var(--bs-warning-bg-subtle);
    --callout-border: var(--bs-warning-border-subtle);
}

.callout-danger {
    --callout-color: var(--bs-danger-text-emphasis);
    --callout-bg: var(--bs-danger-bg-subtle);
    --callout-border: var(--bs-danger-border-subtle);
}