:root {
    --primary: #2D276C;
    --secondary: #C4C9D4;
    --success: #0BD864;
    --info: #12D1EF;
    --white: #ffffff;
    --white-1: #F6F7F9;
    --white-2: #f8f9fc;
    --white-3: #F5F6F9;
    --white-4: #E4E6EB;
    --blue: #0090FF;
    --blue-1: #3BDBD8;
    --blue-2: #0090FF;
    --blue-3: #006FFF;
    --blue-4: #001222;
    --black: #000000;
    --orange: #FF8000;
    --yellow: #FFCC00;
    --gray: #D7DBE5;
    --gray-1: #e1e7f2;
    --gray-2: #AAAEB9;
    --gray-3: #CCD4E2;
    --gray-4: #f4f6f9;
}

@font-face {
    font-family: myRoboto;
    src: url('public/fonts/Roboto/Roboto-Regular.ttf');
}

/*@font-face {*/
/*    font-family: Inter;*/
/*    src: url('public/fonts/inter/static/Inter-Regular.ttf');*/
/*}*/

@font-face {
    font-family: Ubuntu;
    src: url('public/fonts/ubuntu/Ubuntu-Regular.ttf');
}

html,
body {
    font-family: Inter, Sans-serif, serif;
    font-style: normal;
    background-color: var(--gray-4);
}