/* INIT DOM */

:ROOT {
    --openiera-color-main: #A24CAB;
    --openiera-color-main-second: #D168DC;

    --openiera-color-cta: #D0416F;
    --openiera-color-cta-second: #FFCADB;

    --openiera-color-negative: #2A2154;
    --openiera-color-negative-second: #6E6697;

    --openiera-color-font: #161334;
    --openiera-color-font-light: #EAEAEC;

    --openiera-color-link: #15B9FF;
    --openiera-color-link-second: #61D9FF;

    --openiera-color-dark: #0000C9;
    --openiera-color-dark-second: #257CFF;

    --openiera-color-second: #422A80;
    --openiera-color-light: #E8D8EF;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../src/fonts/Montserrat/Montserrat-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../src/fonts/Montserrat/Montserrat-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
}

.fill {
    width: 100%;
    flex: 1;
}

.nowrap {
    flex-wrap: nowrap;
    white-space: nowrap;
}

/* END OF INIT DOM */