//
// Variables
// --------------------------------------------------

//== Colors

//** Gray levels.
@B000: #fff;
@B050: #f7f7fa;
@B100: #f2f2f5;
@B200: #e5e5ea;
@B300: #d9d9d9;
@B400: #c5c6c7;
@B500: #a6a6a6;
@B600: #8e8e93;
@B700: #7a7a7a;
@B800: #575757;
@B900: #272c36;

//** Pallet
@base-color: #3498ff;

//** Sub colors.
@success-color: #4caf50;
@success-light-color: #edfae1;

@info-color: #2196f3;
@info-light-color: #e9f5fe;

@warning-color: #ffb300;
@warning-light-color: #fff9e6;

@error-color: #f44336;
@error-light-color: #fde9ef;

//** Global textual link color.
@link-color: @H700;
//** Link hover color.
@link-hover-color: @H800;
//** Link Active color
@link-active-color: @H900;
//** border base color.
@border-base-color: @B300;
//** base bg color.
@base-bg-color: @B050;
//** border primary color.
@border-primary-color: @H500;
//** loading text color
@loading-text-color: @B800;
