@font-face {
    font-family: 'Lora';
    src: url('fonts/lora-v37-latin_latin-ext-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lora';
    src: url('fonts/lora-v37-latin_latin-ext-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Lora';
    src: url('fonts/lora-v37-latin_latin-ext-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lora';
    src: url('fonts/lora-v37-latin_latin-ext-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lora';
    src: url('fonts/lora-v37-latin_latin-ext-700italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto KFS';
    src: url('../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Regular.woff2') format('woff2'),
         url('../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto KFS';
    src: url('../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-RegularItalic.woff2') format('woff2'),
         url('../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-RegularItalic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto KFS';
    src: url('../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Bold.woff2') format('woff2'),
         url('../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto KFS';
    src: url('../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-BoldItalic.woff2') format('woff2'),
         url('../../../media/vendor/roboto-fontface/fonts/roboto/Roboto-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

:root {
    --KfsWhite: #FFFFFF;
    --KfsBlueDark: #252638;
    --KfsBlueLight: #3598C8;
    --KfsBlueMid: #1e3a5f;
    --KfsFontDefault: "Roboto KFS", "Helvetica", "Arial", sans-serif;
    --KfsFontHeading: "Lora", "Georgia", "Times New Roman", serif;
    --KfsTextMain: #252638;
    --KfsTextWhite: #FFFFF7;
    --KfsShadow: 0 4px 20px rgba(37, 38, 56, 0.10);
    --KfsShadowStrong: 0 8px 32px rgba(37, 38, 56, 0.18);
    --KfsRadius: 8px;
    --KfsTransition: 0.25s ease;
}