:root {
    --color-grey: rgb(192, 192, 192);
    --color-jay-light: rgb(195, 216, 238);
    --color-jay-dark: rgb(49, 128, 226);
    --color-jay-dark-30: rgb(34, 90, 158);
    --color-jay-dark-50: rgb(25, 64, 113);
    --color-table-grey: rgb(242, 242, 242);
}


/* --- Background --- */
.bg-jay-light {
    background-color: var(--color-jay-light);
}
/* .bg-jay-dark {
    background-color: var(--color-jay-dark);
} */


/* --- Border --- */
/* .border-jay-light {
    border-color: var(--color-jay-light)!important;
} */
.border-jay-dark {
    border-color: var(--color-jay-dark)!important;
}


/* --- Button --- */
/* button.btn.btn-jay-dark {
    background-color: var(--color-jay-dark);
    color: var(--color-jay-light);
    transition: all 250ms ease-in-out;
}
button.btn.btn-jay-dark:hover,
button.btn.btn-jay-dark:focus,
button.btn.btn-jay-dark:focus-visible,
button.btn.btn-jay-dark:active,
button.btn.btn-jay-dark:target,
button.btn.btn-jay-dark:disabled {
    background-color: var(--color-jay-light);
    color: var(--color-jay-dark);
    transition: all 250ms ease-in-out;
} */


/* --- Link --- */
.link-jay,
.link-jay:link,
.link-jay:visited {
    color: var(--color-jay-dark-30);
    background-color: transparent; 
    text-decoration: none;
}

.link-jay:hover,
.link-jay:focus,
.link-jay:focus-visible,
.link-jay:active {
    color: var(--color-jay-dark-50);
    background-color: transparent;
    text-decoration: underline;
}