@font-face {
    font-family: 'Etelka';
    src: url('/brand/fonts/Etelka-Light.woff2') format('woff2'), url('/brand/fonts/Etelka-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Etelka';
    src: url('/brand/fonts/Etelka-Text.woff2') format('woff2'), url('/brand/fonts/Etelka-Text.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Etelka';
    src: url('/brand/fonts/Etelka-TextItalic.woff2') format('woff2'), url('/brand/fonts/Etelka-TextItalic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Etelka';
    src: url('/brand/fonts/Etelka-Medium.woff2') format('woff2'), url('/brand/fonts/Etelka-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Etelka';
    src: url('/brand/fonts/Etelka-Bold.woff2') format('woff2'), url('/brand/fonts/Etelka-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Etelka';
    src: url('/brand/fonts/Etelka-BoldItalic.woff2') format('woff2'), url('/brand/fonts/Etelka-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

:root {
    --primary-color: #E5384C;
    --primary-color-lighten-50: #F5B6BD;
    --primary-color-lighten-35: #F1909B;
    --primary-color-lighten-20: #EC6A79;
    --primary-color-darken-2: #E43347;
    --primary-color-tint-90: #EA714F;
    --primary-color-tint-80: #EA714F;
    --primary-color-tint-20: #EA6070;
    --primary-color-shade-5: #DA3548;
}