:root {
    --color-brand: #f60;
    --color-brand_hover: #ff8533;
    --color-gray1: #333;
    --color-success: #52c41a;
    --color-success_hover: #49ad17;
    --color-success-secondary: #10B981;
    --color-success-secondary_hover: #059669;
    --color-danger: #f5222d;
    --color-danger_hover: #FF7F60;
    --color-btn-bg-disabled: #838383;
    --color-btn-text-disabled: #f7f7f7;

    --color-brand-hover: #ff8533;

    --color-grey-light1: #F7F7F7;
    --color-grey-light5: #d9d9d9;
    --color-grey5: #d9d9d9;
    --color-grey7: #8c8c8c;
    --color-grey-dark1: #626262;
    --color-grey-dark2: #595959;
    --color-grey-dark11: #1f1f1f;

    --color-btn-primary: #009707;
    --color-btn-primary-light: #00ca09;

    --color-bid-primary: #3ab449;
    --color-bid-primary_hover: #59cf68;
    // --color-bid-primary: #009707;
    // --color-bid-primary_hover: #00ca09;

    --color-bg-success: #dafbe1;

    --color-label-primary: #0081de;
    --color-label-success: #d9f7be;
    --color-label-danger: #ffccc7;
    --color-label-warning: #fff1b8;

    --color-block-type1: #0081de;

    --color-block-bg: #f6f8fa;
    --color-table-border: #d9d9d9;
    --color-border-default: #d0d7de;

    --color-btn-soc: #0081de;
    --color-btn-soc-hover: #27a5ff;

    --color-black: #000;
    --color-key:  #666;
    --color-text: #1c1e21;
    --color-text-secondary: #626262;
    --color-text-secondary_hover: #353535; 

    --color-block-info: rgba(255,246,238,.35);
    --color-toast-bg: #fff;

    --radius-md: 4px;

    --alert-icon-width: 16px;

    --transition: all .3s;

    --font-size-h3: 16px;
    --font-size-text: 13px;
    --font-size-text-15: 15px;
    --font-size-text-sm: 12px;

    --font-size-btn-md: 13px;
    --font-size-bidbtn: 15px;

    --font-size-inventory-item-key: 14px;
    --font-size-inventory-item-value: 15px;

    --font-size-lb-text: 15px;
    --font-size-lb-text-secondary: 15px;

    --size-h-bidbtn: 38px;

    --shadow-medium: 0 4px 12px 0px rgba(0,0,0,.4);

    --p-space-sm: 12px;
}