:root {
    --Primary-Contrast: #FFF;
    --Primary-100-Realto-White: var(--Primary-Contrast);
    --Primary-200-Dark-White: #F7F7F7;
    --Primary-500-Light-Orange: #EE7750;
    --Primary-700-Realto-Orange: #E9501D;
    --Neutral-100-Smoke: #E3E3E3;
    --Neutral-300-Cloud: #ADADAD;
    --Neutral-400-Grey: #8C8C8C;
    --Neutral-700-Light-Black: #343434;
    --Neutral-600-Dark-Grey: #525252;
    --Neutral-900-Black: #141414;
    --Neutral-200-Silver: #D2D2D2;
    --Page-Max-Width: 394px;
    --Secondary-800-Soft-Honey: #FFE5A8;
}

body {
    background: var(--Primary-200-Dark-White);
    font-family: Roboto;
    font-size: 12px;
}

h5 {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
}

.body1 {
    color: var(--Neutral-900-Black);
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.body1-bold {
    color: var(--Neutral-900-Black);
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
}

.body3-bold {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}

.body3-regular {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}


.microtext {
    color: var(--Neutral-900-Black);
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}