@font-face {
    font-family: "Poppins";
    src: url("/lib/Poppins-Regular.ttf");
    font-weight: normal;
    font-style: normal;
}

:root {
    --jc-black: #051C2C;
    --jc-peach: #EBBAA6;
    --jc-blue: #AAB3C6;
    --jc-violet: #5C3B7A;
    --jc-silver: #D4D5D4;
    --jc-gray: #f4f4f4;
    --jc-font-poppins: "Poppins";
}

.jc-bg-black {
    background-color: #051C2C;
}

.jc-bg-blue {
    background-color: #AAB3C6;
}

.jc-bg-violet {
    background-color: #5C3B7A;
}

.jc-bg-silver {
    background-color: #D4D5D4;
}

.jc-bg-gray {
    background-color: #f4f4f4;
}

.jc-bg-peach {
    background-color: #EBBAA6;
}

.jc-bg-white {
    background-color: #ffffff;
}

.jc-text-black {
    color: #051C2C;
    font-family: Poppins;
}

.jc-text-peach {
    color: #EBBAA6;
    font-family: Poppins;
}

.jc-text-violet {
    color: #5C3B7A;
    font-family: Poppins;
}

.jc-text-white {
    color: #ffffff;
    font-family: Poppins;
}

.jc-text-silver {
    color: #D4D5D4;
    font-family: Poppins;
}

.jc-link {
    display: block;
    padding: 0.5rem 1rem;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

@media (prefers-reduced-motion: reduce) {
    .jc-link {
        transition: none;
    }
}

.jc-link:hover, .jc-link:focus {
    color: #EBBAA6;
}