:root {
  --color-black-half: #02040580;
  --color-black: #020405;
  --color-white: #FFFFFF;
  --color-gray-half: #EDF0F2;
  --color-gray1: #DFE6ED;
  --color-gray2: #748FA8;
  --color-gray2-5: #556D85;
  --color-gray3: #3B5166;
  --color-gray4: #1B2A39;
  --color-action: #2860F0;
  --color-action-disabled: rgb(40, 96, 240, 0.5);
  --color-danger: #D12323;
  --color-danger-point1: #D123231A;
  --color-danger-disabled: rgb(209, 35, 35, 0.5);
  --color-success-point1: #1295011A;
  --color-success: #129501;
  --color-success-disabled: rgb(18, 149, 1, 0.5);
  --color-dark-blue: #1B2A39;
  --color-light-blue: #6A89AA;
}

.bg-white {
  background-color: var(--color-white);
}

.bg-gray-half {
  background-color: var(--color-gray-half);
}

.black {
  color: var(--color-black);
}

.gray1 {
  color: var(--color-gray1);
}

.gray2 {
  color: var(--color-gray2);
}

.gray2-5 {
  color: var(--color-gray2-5)
}

.gray3 {
  color: var(--color-gray3);
}

.gray4 {
  color: var(--color-gray4);
}

.color-action {
  color: var(--color-action);
}

.white {
  color: var(--color-white);
}

.color-danger {
  color: var(--color-danger) !important;
}