:root{
    --primary-color: #173c77;
    --light-primary-color: #6387bf;
    --secondary-color: #fb9718;
    --white-color: #fafafa;
    --dark-color: #333333;
    --dark-grey-color: #666;
    --grey-color: #a1a1a1;
    --mid-light-grey-color: #d1d1d1;
    --light-grey-color: #f1f1f1;
    --light-blue-color: #88D4FF;
    --blue-color: #2F78CF;
    --light-red-color: #FFA6A4;
    --red-color: #FF4F4F;

    --success-color: #07be04;
    --warning-color: #f9c200;

    --pending-color: #c2c300;
    --light-pending-color: #FCFF74;
    --violet-color: #ab37cF;
    --light-violet-color: #f990FF;
}