/* variables */
:root {
    --tg-color-font-on-color: #fff;
}

/* classes */
.tg-body-l {
    font-family: "Lyon Text";
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 42px;
}

.tg-body-m {
    font-family: "Lyon Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.tg-body-s {
    font-family: "Lyon Text";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.tg-link-l {
    font-family: "Ciutadella Rounded";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-transform: none;
}

.tg-link-m {
    font-family: "Ciutadella Rounded";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-transform: none;
}

.tg-font-on-color {
    color: var(--tg-color-font-on-color) !important;
}