@font-face {
    font-family: "Kalivo";
    src: url("/fonts/kalivo/kalivo-regular-webfont.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Kalivo";
    src: url("/fonts/kalivo/kalivo-medium-webfont.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Kalivo";
    src: url("/fonts/kalivo/kalivo-semibold-webfont.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Kalivo";
    src: url("/fonts/kalivo/kalivo-bold-webfont.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --rk-font-primary: "Kalivo", Arial, Helvetica, sans-serif;
}

.rk-public {
    --bs-body-font-family: var(--rk-font-primary);
    --rk-text-xs: 0.9375rem;
    --rk-text-sm: 1rem;
    --rk-text-base: 1.0625rem;
    --rk-text-md: 1.125rem;
    --rk-text-lg: 1.25rem;
    --rk-text-xl: 1.35rem;
    --rk-font-body: var(--rk-text-base);
    --rk-font-body-lg: var(--rk-text-md);
    --rk-font-secondary: var(--rk-text-sm);
    --rk-font-small: var(--rk-text-xs);
    --rk-font-label: var(--rk-text-sm);
    --rk-font-button: 1rem;
    --bs-body-font-size: var(--rk-font-body);

    font-family: var(--rk-font-primary);
    font-size: var(--rk-font-body);
    font-weight: 400;
    line-height: 1.6;
}

.rk-public button,
.rk-public input,
.rk-public select,
.rk-public textarea {
    font-family: inherit;
    font-size: var(--rk-text-sm);
}

.rk-public small,
.rk-public .small {
    font-size: var(--rk-font-small);
    line-height: 1.5;
}

.rk-public .form-text {
    font-size: var(--rk-font-small);
    line-height: 1.5;
}

.rk-public .btn {
    font-size: var(--rk-font-button);
}

.rk-public h1,
.rk-public h2,
.rk-public h3 {
    font-family: var(--rk-font-primary);
    font-weight: 600;
}

.rk-public strong,
.rk-public b,
.rk-public .btn,
.rk-public button {
    font-weight: 600;
}
