:root {
    --color-blue-1: #161A54;
    --color-blue-2: #0D1534;
    --color-blue-3: #0a1731;
    --color-blue-4: #161A54;
    --color-blue-5: #19223B;
    --color-blue-6: #002E6D;
    --color-blue-7: #013f78;
    --color-blue-8: #00a3b6;
    --color-blue-9: #222c61;
    --color-blue-10: #0090aa;
    --color-blue-11: #023769;
    --color-blue-12: #222c61;
    --color-red-1: #F40000;
    --color-prink: #bf3293;
    --color-purple-bg: #230d43;
    --color-purple-bg-2: #3c1d69;
    --staticBgr: #097B59;
    --staticColorBorder: #07674B;
    --staticBgrButton: #F7D616;
    --staticBgrHl: #07654A;
    --white: #ffff;
    --black: #000;
    --black-1: #14002c;
    --black-2: #010202;
    --purple: #230543;
    --purple-1: #4b075a;
    --purple-2: #14002c;
    --purple-3: #1e3b65;
    --purple-4: #652e75;
    --purple-5: #845093;
    --purple-6: #847a91;
    --purple-7: #8a7f95;
    --gray: #a7a7a7;
    --gray-2: #aaaaaa;
    --gray-3: #aaaaaa2e;
    --gray-4: #838383;
    --gray-5: #E7EDF1;
    --gray-6: #D5DCE1;
    --gray-7: #EFF0F3;
    --gray-8: #DDE3E6;
    --gray-9: #DDE3E6;
    --gray-10: #dbe0e4;
    --gray-11: #b3bdc4;
    /*--gray-3: #f1f3f2;*/
    --yellow: #c3922e;
    --yellow-1: #c4a329;
    --yellow-2: #ffb135;
    --yellow-3: #dfbd79;
    --prink: #cb0fa2;
    --prink-2: #CA0CA2;
    --blue-1: #3957b4;
    --blue-2: #009AB0;
    --green-1: #50b04e;
    --color-border: #ef545a;
    --size-container: 1200px;
    --size-semi-container: 1024px;
    --size-large: 992px;
    --size-medium: 768px;
    --size-extra-small: 600px;
    --size-bootstrap: 576px;
    --size-small: 480px;
    --size-height: 460px;
    --size-light: 400px;
    --size-extra-light: 374px;
    --size-thin: 340px;
    --staticFontSize: 13px;
    --staticRadius: 6px;
}

/* color background */