@font-face {
    font-family: 'FavoritPro-Regular';
    src: url('../assets/fonts/FavoritPro-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoVariable';
    src: url('../assets/fonts/Roboto.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RobotoVariable';
    src: url('../assets/fonts/Roboto-Italic.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}


:root {
    --color-primary: #1a1f36;
    --color-primary-medium: #5e6272;
    --color-primary-light: #a3a5af;
    --color-black: #000000;
    --color-light: #ffffff;
    --color-light-05: rgba(255, 255, 255, 0.5);
    --color-grey: #555555;
    --color-secondary: #ff4f00;
    --color-secondary-medium: #fc8049;
    --color-secondary-light: #f9ece1;
    --color-border-1: #f3f3f3;
    --color-border-2: #e6e6e6;
    --color-border-3: #f3f4f5;
    --color-text-medium: #5e6272;
    --color-text-dark: #767986;
    --color-complementary-1: #8f00ff;
    --color-bg-messages: #f8f9fa;
    --box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 5px;
    --color-box-shadow: #f8f1fe;
    --color-transparent: transparent;
    --color-warning: #feb200;
    --color-danger: #f2292c;
    --color-success: #00b300;
    --eugenius-danger-color-default: #C90003;
    --eugenius-primary-color-e0: #E3DFFD;
    --eugenius-primary-color-e1: #D3CCFF;
    --eugenius-primary-color-e2: #B7ABFF;
    --eugenius-primary-color-e3: #9482FF;
    --eugenius-primary-color-e4: #6F58F8;
    --eugenius-primary-color-e5: #4F3EF3;
    --eugenius-primary-color-e6: #4629F2;
    --eugenius-primary-color-e7: #381DD8;
    --eugenius-primary-color-e8: #361FC1;
    --eugenius-grayscale-color-g2: #F5F5F5;
    --eugenius-grayscale-color-g3: #F0F0F0;
    --eugenius-grayscale-color-g4: #E0E0E0;
    --eugenius-grayscale-color-g7: #757575;
    --eugenius-grayscale-color-g8: #5D5D5D;
    --eugenius-grayscale-color-g9: #424242;
    --eugenius-grayscale-color-g10: #212121;
    --eugenius-primary-color-default: var(--eugenius-primary-color-e6);
    --eugenius-primary-color-hover: var(--eugenius-primary-color-e4);
    --eugenius-primary-color-active: var(--eugenius-primary-color-e7);
    --eugenius-primary-color-light-default: transparent;
    --eugenius-primary-color-light-hover: #6F58F814;
    --eugenius-primary-color-light-active: #381DD814;
    font-size: 16px;
}

/* -- RESET -- */
eugenius-client * {
    min-width: 0;
    font: inherit;
}

eugenius-client *,
eugenius-client *::before,
eugenius-client *::after {
    box-sizing: border-box;
}

eugenius-client {
    font-family: 'FavoritPro-Regular', sans-serif;
    line-height: 1.5;
    margin: 0;
    min-height: 100dvh;

    img,
    video,
    svg {
        display: block;
        height: auto;
        max-width: 100%;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        text-wrap: balance;
    }

    p {
        text-wrap: pretty;
    }
}