:root {
    /* gradient-colors */
    --blue-green-gradient: linear-gradient(119.19deg, #409FCA 4.37%, #40CAB1 89.5%);
    --red-orange-gradient: linear-gradient(92.06deg, #EB5757 5.34%, #EBB957 93.44%);
    --violet-blue-gradient: linear-gradient(96deg, #9614A2 -8.44%, #409FCA 107.46%);
    --green-yellow-gradient: linear-gradient(96deg, #10A260 -8.44%, #9FA210 107.46%);
    --yellow-green-gradient: linear-gradient(276.58deg, #10A260 -4.39%, #9FA210 113.7%);
    --violet-orange-gradient: linear-gradient(96deg, #7901D8 -8.44%, #D87901 107.46%);
    --blue-green-dark-gradient: linear-gradient(92.06deg, #005D88 5.34%, #008867 93.44%), #005D88;
    --blue-green-light-gradient: linear-gradient(92.06deg, #409FCA 5.34%, #40CAB1 93.44%), #FFFFFF;
    /* text-colors */
    --icon-line-color: #151A6A;
    --qa-blue-dark-color: #005D88;
    --qa-blue-light-color: #41B5BF;
    --qa-green-dark-color: #10A260;
    --qa-orange-dark-color: #D87901;
    --qa-violet-dark-color: #B0465E;
    --qa-blue-violet-color: #6C59B5;
    --middle-gray-color: #404040;
    --light-gray-color: #787878;
    /* background-colors */
    --background: #FFFFFF;
    --background-light-gray: #F2F2F2;
    /* background-images */
    --blue-green-dark-background: url('/images/background/blue_green_dark.png');
    --green-yellow-background: url('/images/background/green_yellow.png');
    --red-orange-background: url('/images/background/red_orange.png');
    --violet-blue-background: url('/images/background/violet_blue.png');
    --violet-orange-background: url('/images/background/violet_orange.png');
    --yellow-green-background: url('/images/background/yellow_green.png');
    /* portfolio colors */
    --portfolio-tags-text-color: #2e2e2e;
    --portfolio-tags-color: #fea71c;
    --portfolio-card-title-color: #fcfcfc;
}