$min-contrast-ratio: 2.5;

$custom-colors: (
        "blue": $blue,
        "pink": $pink,
        "default": $gray-600
);

$theme-colors: $custom-colors;

:root {
    interpolate-size: allow-keywords;
}

@each $color, $value in $theme-colors {
    .bg-light-#{$color}-border {
        background-color: rgba($value, 0.05);
        border: 1px solid $value;
    }

    .border-execution-#{$color} {
        border-left: 0.8125rem !important;
        border-color: $value !important;

    }

    .stroke-#{$color} {
        stroke: $value;
    }
}

@each $color, $value in $custom-colors {
    .border-#{$color} {
        border-color: $value !important;
    }

    .bg-#{$color} {
        background-color: $value;
    }
}


// overload
.font-monospace {
    font-size: $font-size-base * 0.7;
}

// tooltip
.tooltip {
    font-size: 12px;
    line-height: 20px;
    --bs-tooltip-bg: var(--bs-gray-900);
    --bs-tooltip-color: var(--bs-gray-100);
    --bs-tooltip-opacity: 1;

    html.dark & {
        --bs-tooltip-color: var(--bs-gray-900);
        --bs-tooltip-bg: var(--bs-gray-100);
    }
}

.nested-fw-bold * {
    font-weight: bold !important;
}