:root {
    --base-color: #696969;
    --base-primary1:#010101;
    --base-primary2:#FFCD02;
    --base-primary2-light:#fff8e5;
    --base-primary3:#BAA491;
    --base-primary4:#1c3f97;
    --base-primary4a:#1863dc;
    --base-primary5:#2db1e6;
    --base-primary6:#ffefbe;
    /* --base-primary6:#ebf2f5; */
    --base-primary3-hover: #ab9179;
    --base-secondary: #6C757D;
    --base-success:#4CAF50;
    --base-btn-success-hover:#409444;
    --base-danger:#F44336;
    --base-btn-danger-hover: #f22112;
    --base-warning: #FFC107;
    --base-btn-warning-hover: #e0a800;
    --base-info:#17A2B8;
    --base-light: #F8F9FA;
    --base-btn-light-hover:#e2e6ea;

    --white: #FFFFFF;
    --dirty-white: #EDEDED;
    --black: #000000;
    --coral: #F8796C;
    --grey: #7E7E7E;
    --extra-lightgrey:#E3E0E0;
    --light-grey:#d5d3d3;
    --coral-hover:#f65847;
    --aqua-marine: #72A499;
    --aqua-marine-hover: #5e9286;
    --dark-grey: #333333;
    --light-grey: #F8F9FD;
    --yellow:#eec139;
}