:root {
    --color-white: #FFFFFF;
    --color-off-white: #FBFBFB;
    --color-light-gray-0: #E0E0E0;
    --color-light-gray-1: #F3F3F3;
    --color-light-gray-2: #E8E8E8;
    --color-light-gray-3: #BDBDBD;
    --color-light-gray-4: #B8B8B8;
    --color-light-gray-5: #D3D3D3;

    --color-gray-0: #626262;
    --color-gray-1: #848484;
    --color-gray-2: #696868;
    --color-gray-3: #3F3F3F;
    --color-gray-4: #1F1F1F;
    --color-gray-5: #060606;
    --color-gray-hover-border: #363636;

    --color-red: #FF0000;
    --color-wine: #892420;
    --color-wine-hover: #BD5854;

    --color-green: #345125;
    --color-green-hover: #5F8D48;

}

.btn-dark-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #345125;
  --bs-btn-border-color: #345125;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0c4229;
  --bs-btn-hover-border-color: #0c4229;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0c4229;
  --bs-btn-active-border-color: #0c4229;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #345125;
  --bs-btn-disabled-border-color: #345125;
}