:root {
    --primary: #1270b1;
    --primary-light:#418DC1;
    --primary-dark: #0F5F97;
    --rgba-primary:rgba(18, 112, 177, 1);
    --secondary: #1F3B73;
    --secondary-light: #4C628F;
    --secondary-dark: #1A3262;
    --tertiary: #DF3235;
    --title-color: #595959;
    --light-color: #a2a2a2;
    --gray: #808080;
    --modal-bg: #f8f8f8;
    --neutral-color-title: #575757;
    --bg-main: #fbfbfb;
    --border-color: #e5e5e5;
    --danger: rgb(168, 0, 0);
    --border-light: #b9b9b9;
    --shadow-secondary: rgba(222, 120, 34, 50%);

    --white: #fff;
    --white-025: #393939;
    --white-050: #3d3d3d;
    --white-075: #404345;
    --white-100: #4a4e51;
    --white-150: #555a5e;
    --white-200: #697075;
    --white-300: #7d848d;
    --white-350: #959ca3;
    --white-400: #9fa6ad;
    --white-500: #acb2b8;
    --white-600: #c4c8cc;
    --white-700: #cfd2d6;
    --white-750: #dadee0;
    --white-800: #e7e8eb;
    --white-900: #f2f2f3;

    --black: #121212;
    --black-025: #fafafb;
    --black-050: #eff0f1;
    --black-075: #e4e6e8;
    --black-100: #d6d9dc;
    --black-150: #c8ccd0;
    --black-200: #bbc0c4;
    --black-300: #9fa6ad;
    --black-350: #9199a1;
    --black-400: #848d95;
    --black-500: #6a737c;
    --black-600: #535a60;
    --black-700: #3c4146;
    --black-750: #2f3337;
    --black-800: #242729;
    --black-900: #0c0d0e;
}