@color-brand: #00AEAA;

@color-brand-disabled: mix(@color-brand, #fff, 30%);
@color-brand-secondary: mix(@color-brand, #fff, 70%);
@color-brand-hover: mix(#000, @color-brand, 16%);
@color-brand-tap: @color-brand-hover;
@color-brand-active: mix(#000, @color-brand, 32%);

@color-brand-disabled-o: fade(@color-brand, 30%);
@color-brand-secondary-o: fade(@color-brand, 70%);
@color-brand-hover-o: fade(@color-brand, 60%);
@color-brand-tap-o: @color-brand-hover-o;
@color-brand-active-o: fade(@color-brand, 50%);
