body {
    --color-black: #252525;
    --color-white: #ffffff;
    --color-bg-gray: #f8f8f8;
    --color-formfield-light-blue: #f8faff;
    --color-menu-light-blue: #d5e4fe;
    --color-primary-dark-blue: #0d16ea;
    --color-primary-blue: #4169e1;
    --color-primary-orange: ffa900;
    --color-secondary-blue: #4169e1;
    --color-secondary-blue-hover: #d5e4fe;
    --color-secondary-green: #008a65;
    --color-secondary-green-hover: #80c5b2;
    --color-secondary-purple: #7a6eff;
    --color-secondary-purple-light: #f2f0fe;
    --color-secondary-oragne-primary: #ffa900;
    --color-secondary-orange-light: #fff4da;
    --color-secondary-red: #e94a47;
    --color-secondary-red-light: #ffd8c5;
    --color-secondary-blue-element: #549bff;
    --color-secondary-blue-element-light: #bad7ff;
    --color-menu-font: #0D163A; 
}