@charset "UTF-8";

:root {
    --f-size-default:    .975em;

    /** ===================================== Basic color ===================================== **/
    --c-white:           #ffffff;
    --c-success:         #7ace4c;
    --c-header:          #f7fafc;
    --c-page:            #fafafa;

    --c-blue:            #15aad3;
    --c-blue-dark:       #0791e6;
    --c-blue-light:      #7bcce2ba;
    --c-blue-gradient:   #def8ff;

    --c-green:           #28a745;
    --c-green-dark:      #28a745;
    --c-green-light:     #7ad3a2bd;
    --c-green-gradient:  #b2fcc4;

    --c-yellow:          #f4c32e;
    --c-yellow-dark:     #c99701;
    --c-yellow-light:    #dbc97d;
    --c-yellow-gradient: #fff0c2;

    --c-gray:            #797979; /** #909090 **/
    --c-gray-dark:       #606060;
    --c-gray-light:      #c3c3c3;
    --c-gray-gradient:   #e9e9e9;

    --c-orange:          #f47e20;
    --c-orange-dark:     #f44d00;
    --c-orange-light:    #f4a266;

    --c-red:             #ef1e1e;
    --c-red-dark:        #dc3545;
    --c-red-light:       #ef1e1e3b;
    --c-red-opacity:     #ffd3d5;
    --c-red-gradient:    #ffe9e9;

    --c-violet:          #7b68ee;
    --c-violet-dark:     #4c4797;
    --c-violet-light:    #9e92ee;
    --c-violet-gradient: #e3deff;

    /** ===================================== Border color ==================================== **/
    --c-border:          #e4e7ea;
    --c-border-light:    #ececec;
    --c-border-hight:    #7a7a7a95;
    --c-border-orange:   #f4a26665;
    --c-border-red:      #eab8bb4f;

    /** ===================================== Border radius color ============================= **/
    --border-radius-sm:       2px;
    --border-radius:          4px;
    --border-radius-md:       6px;
    --border-radius-lg:       14px;

    /** ===================================== Shadow color ==================================== **/
    --c-shadow:          #13121220;
    --c-shadow-light:    #dfdfdf;
    --c-shadow-hight:    #13121296;
    --c-shadow-gray:     #7a7a7a75;
    --c-shadow-red:      #dbacc0;

    --c-shadow-blue-sm:  #40b6d625;
    --c-shadow-blue-md:  #40b6d675;
    --c-shadow-blue-lg:  #40b6d695;
}