:root {
    --tblr-tabler: #028ac3;
    --tblr-primary: #028ac3;
    --tblr-primary-darken: hsl(198, 98%, 35.1%); /* darken 10% */
    --tblr-primary-rgb: 2, 138, 195;
    --tblr-tabler-rgb: 2, 138, 195;
}

.navbar.navbar-dark {
    background: #000000;
}

a {
    color: #028ac3;
}

a:hover {
    color: hsl(198, 98%, 31.2%); /* darken 20% */
}

code {
    background: hsl(198, 98%, 78%);
    border: 1px solid hsl(198, 98%, 39%);
}

::selection {
    background-color: hsl(206, 98%, 42.391304347826%); /* lighten 8% */
}

.navbar-expand-md.navbar-light .nav-item.active::after, .navbar-expand-md .navbar-light .nav-item.active::after {
    border-color: #028ac3;
}

.card-active {
    background-color: hsl(198, 98%, 78%);
}

.card-active:before {
    border: 1px solid #028ac3;
}

.form-check-input:checked {
    background-color: #028ac3;
}

.form-selectgroup-input:checked + .form-selectgroup-label {
    color: #028ac3;
    border-color: #028ac3;
}

.ribbon {
    background: #028ac3;
    border-color: #028ac3;
}

.page-item.active .page-link {
    background: #028ac3;
    border-color: #028ac3;
}

.litepicker {
    --litepicker-button-prev-month-color-hover: #028ac3;
    --litepicker-button-next-month-color-hover: #028ac3;
    --litepicker-day-color-hover: #028ac3;
    --litepicker-is-end-color-bg: #028ac3;
    --litepicker-is-today-color: #028ac3;
}