:root {
    /* color values */
    --main-white: #fff;
    --main-transparent: #fff0;

    --main-gray-0: #1E2833;
    --main-gray-1: #454a4f;
    --main-gray-2: #3b4044;
    --main-gray-3: #636a71;
    --main-gray-4: #8e959c;
    --main-gray-5: #bbbfc4;
    --main-gray-5a: #CBCDCC;
    --main-gray-6: #e8eaeb;
    --main-gray-7: #F6F6F6;

    --main-orange: #ffad00;
    --main-orange-light: #ffeabf;

    --main-aqua-1: #8ac1bf;
    --main-aqua-2: #bfe3e3;
    --main-aqua-3: #edf9ff;
    --main-aqua-4: #f7fcff;

    --main-pink-1: #f7bfb4;
    --main-pink-2: #faddd9;
    --main-pink-3: #fbf2f1;
    --main-pink-4: #fcfbf9;

    --main-purple-1: #9185be;
    --main-purple-2: #b8b0d5;
    --main-purple-3: #f4f1ff;

    --main-green-1: #9db25d;
    --main-green-2: #dde9b9;
    --main-green-3: #fafcf6;

    --main-blue-gray: #37576a;
    --main-dark-red: #cd8484;

    --main-smokey-gray-bluish-1: #637081;
    --main-smokey-gray-bluish-2: #C1C6CD;
    --main-smokey-gray-bluish-3: #F6F7F8;

    --main-ochre-1: #EDB458;
    --main-ochre-2: #F6DAAC;
    --main-ochre-3: #FEF9F1;

    --main-salmon-colored-1: #C08497;
    --main-salmon-colored-2: #DFC2CB;
    --main-salmon-colored-3: #FAF5F6;

    --main-beige-1: #CBBEB3;
    --main-beige-2: #E5DFD9;
    --main-beige-3: #FBFAF9;

    --dodgerblue: #1E90FF;

    /* message colors */
    --msg-error: #ad3535;
    --msg-warning: var(--main-orange);
    --msg-info: #6facdd;
    --msg-ok: #85a37a;

    /* font weight values */
    --thin: 100;
    --extra-light: 200;
    --light: 300;
    --normal: 400;
    --medium: 500;
    --semi-bold: 600;
    --bold: 700;
    --extra-bold: 800;
    --black: 900;

    /* font size values (including line height) */
    --smallest-fs: 7pt;
    --smallest-lh: 8pt;

    --small-fs: 8pt;
    --small-lh: 9pt;

    --smaller-fs: 10pt;
    --smaller-lh: 11pt;

    --regular-fs: 11pt;
    --regular-lh: 12pt;

    --bigger-fs: 14pt;
    --bigger-lh: 15pt;

    --big-fs: 15pt;
    --big-lh: 16pt;

    --biggest-fs: 16pt;
    --biggest-lh: 17pt;

    /* default font styling */
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 11pt;
    color: var(--main-gray-1);

    /* page size */
    /*--default-page-width: 1200px;*/
    --default-page-width: 1600px;
}