/* Fallbacks for browsers without color-mix() support (e.g. Chrome <= 109 on Windows 7). */
@supports not (color: color-mix(in srgb, red, blue)) {
    :root {
        --tblr-primary-darken: rgb(5, 100, 188);
        --tblr-secondary-darken: rgb(96, 103, 115);
        --tblr-success-darken: rgb(42, 161, 61);
        --tblr-info-darken: rgb(59, 138, 202);
        --tblr-warning-darken: rgb(220, 143, 0);
        --tblr-danger-darken: rgb(193, 51, 51);
        --tblr-light-darken: rgb(224, 225, 226);
        --tblr-dark-darken: rgb(28, 37, 50);
        --tblr-muted-darken: rgb(96, 103, 115);
        --tblr-blue-darken: rgb(5, 100, 188);
        --tblr-azure-darken: rgb(59, 138, 202);
        --tblr-indigo-darken: rgb(59, 89, 212);
        --tblr-purple-darken: rgb(157, 56, 181);
        --tblr-pink-darken: rgb(193, 46, 97);
        --tblr-red-darken: rgb(193, 51, 51);
        --tblr-orange-darken: rgb(222, 93, 6);
        --tblr-yellow-darken: rgb(220, 143, 0);
        --tblr-lime-darken: rgb(104, 166, 20);
        --tblr-green-darken: rgb(42, 161, 61);
        --tblr-teal-darken: rgb(11, 149, 108);
        --tblr-cyan-darken: rgb(21, 146, 166);

        --tblr-link-hover-color: rgb(5, 89, 167);
        --tblr-nav-link-hover-bg: rgba(var(--tblr-secondary-rgb), 0.04);
        --tblr-disabled-color: rgba(var(--tblr-body-color-rgb), 0.4);
    }

    .bg-blue-lt { color: var(--tblr-blue) !important; background-color: rgb(var(--tblr-blue-lt-rgb)) !important; }
    .bg-azure-lt { color: var(--tblr-azure) !important; background-color: rgb(var(--tblr-azure-lt-rgb)) !important; }
    .bg-indigo-lt { color: var(--tblr-indigo) !important; background-color: rgb(var(--tblr-indigo-lt-rgb)) !important; }
    .bg-purple-lt { color: var(--tblr-purple) !important; background-color: rgb(var(--tblr-purple-lt-rgb)) !important; }
    .bg-red-lt { color: var(--tblr-red) !important; background-color: rgb(var(--tblr-red-lt-rgb)) !important; }
    .bg-orange-lt { color: var(--tblr-orange) !important; background-color: rgb(var(--tblr-orange-lt-rgb)) !important; }
    .bg-yellow-lt { color: var(--tblr-yellow) !important; background-color: rgb(var(--tblr-yellow-lt-rgb)) !important; }
    .bg-teal-lt { color: var(--tblr-teal) !important; background-color: rgb(var(--tblr-teal-lt-rgb)) !important; }
    .bg-cyan-lt { color: var(--tblr-cyan) !important; background-color: rgb(var(--tblr-cyan-lt-rgb)) !important; }
    .bg-green-lt { color: var(--tblr-green) !important; background-color: rgb(var(--tblr-green-lt-rgb)) !important; }
    .bg-success-lt { color: var(--tblr-success) !important; background-color: rgb(var(--tblr-success-lt-rgb)) !important; }
    .bg-warning-lt { color: var(--tblr-warning) !important; background-color: rgb(var(--tblr-warning-lt-rgb)) !important; }
    .bg-danger-lt { color: var(--tblr-danger) !important; background-color: rgb(var(--tblr-danger-lt-rgb)) !important; }
    .bg-secondary-lt { color: var(--tblr-secondary) !important; background-color: rgb(var(--tblr-secondary-lt-rgb)) !important; }

    .bg-primary { background-color: rgba(var(--tblr-primary-rgb), var(--tblr-bg-opacity, 1)) !important; }
    .bg-secondary { background-color: rgba(var(--tblr-secondary-rgb), var(--tblr-bg-opacity, 1)) !important; }
    .bg-success { background-color: rgba(var(--tblr-success-rgb), var(--tblr-bg-opacity, 1)) !important; }
    .bg-info { background-color: rgba(var(--tblr-info-rgb), var(--tblr-bg-opacity, 1)) !important; }
    .bg-warning { background-color: rgba(var(--tblr-warning-rgb), var(--tblr-bg-opacity, 1)) !important; }
    .bg-danger { background-color: rgba(var(--tblr-danger-rgb), var(--tblr-bg-opacity, 1)) !important; }
    .bg-light { background-color: rgba(var(--tblr-light-rgb), var(--tblr-bg-opacity, 1)) !important; }
    .bg-dark { background-color: rgba(var(--tblr-dark-rgb), var(--tblr-bg-opacity, 1)) !important; }
    .bg-muted { background-color: rgba(var(--tblr-muted-rgb), var(--tblr-bg-opacity, 1)) !important; }
    .bg-blue { background-color: rgba(var(--tblr-blue-rgb), var(--tblr-bg-opacity, 1)) !important; }
    .bg-azure { background-color: rgba(var(--tblr-azure-rgb), var(--tblr-bg-opacity, 1)) !important; }
    .bg-indigo { background-color: rgba(var(--tblr-indigo-rgb), var(--tblr-bg-opacity, 1)) !important; }
    .bg-purple { background-color: rgba(var(--tblr-purple-rgb), var(--tblr-bg-opacity, 1)) !important; }
    .bg-pink { background-color: rgba(var(--tblr-pink-rgb), var(--tblr-bg-opacity, 1)) !important; }
    .bg-red { background-color: rgba(var(--tblr-red-rgb), var(--tblr-bg-opacity, 1)) !important; }
    .bg-orange { background-color: rgba(var(--tblr-orange-rgb), var(--tblr-bg-opacity, 1)) !important; }
    .bg-yellow { background-color: rgba(var(--tblr-yellow-rgb), var(--tblr-bg-opacity, 1)) !important; }
    .bg-lime { background-color: rgba(var(--tblr-lime-rgb), var(--tblr-bg-opacity, 1)) !important; }
    .bg-green { background-color: rgba(var(--tblr-green-rgb), var(--tblr-bg-opacity, 1)) !important; }
    .bg-teal { background-color: rgba(var(--tblr-teal-rgb), var(--tblr-bg-opacity, 1)) !important; }
    .bg-cyan { background-color: rgba(var(--tblr-cyan-rgb), var(--tblr-bg-opacity, 1)) !important; }
    .bg-white { background-color: rgba(var(--tblr-white-rgb), var(--tblr-bg-opacity, 1)) !important; }

    .text-primary { color: rgba(var(--tblr-primary-rgb), var(--tblr-text-opacity, 1)) !important; }
    .text-secondary { color: rgba(var(--tblr-secondary-rgb), var(--tblr-text-opacity, 1)) !important; }
    .text-success { color: rgba(var(--tblr-success-rgb), var(--tblr-text-opacity, 1)) !important; }
    .text-danger { color: rgba(var(--tblr-danger-rgb), var(--tblr-text-opacity, 1)) !important; }
    .text-warning { color: rgba(var(--tblr-warning-rgb), var(--tblr-text-opacity, 1)) !important; }
    .text-blue { color: rgba(var(--tblr-blue-rgb), var(--tblr-text-opacity, 1)) !important; }
    .text-muted { color: var(--tblr-secondary-color) !important; }

    .border-secondary { border-color: var(--tblr-secondary) !important; }
    .link-secondary { color: var(--tblr-secondary) !important; text-decoration-color: var(--tblr-secondary) !important; }

    .alert {
        background-color: rgb(var(--tblr-secondary-lt-rgb)) !important;
        border-color: rgba(var(--tblr-secondary-rgb), 0.2) !important;
    }

    ::selection { background-color: rgba(var(--tblr-primary-rgb), 0.1) !important; }
    ::-moz-selection { background-color: rgba(var(--tblr-primary-rgb), 0.1) !important; }

    a { color: rgba(var(--tblr-link-color-rgb), var(--tblr-link-opacity, 1)); }
    a:hover { color: rgba(var(--tblr-link-hover-color-rgb), var(--tblr-link-opacity, 1)); }

    ::-webkit-scrollbar-thumb { box-shadow: inset 0 0 0 1rem rgba(var(--tblr-body-color-rgb), 0.2); }

}