/* Core Colors Palette */
@color-primary: #1D2C36;
@color-secondary: tint(@color-primary, 40);
@color-disabled: tint(@color-primary, 70);
@color-hint: tint(@color-primary, 70);
@color-border: tint(@color-primary, 85);
@color-separator: tint(@color-primary, 88);
@color-background-dark: tint(@color-primary, 92);
@color-background-light: tint(@color-primary, 96);
@color-hover: @color-separator;

/* Core Colors as Alpha */
@color-primary-a: @color-primary;
@color-secondary-a: fade(@color-primary-a, 60);
@color-hint-a: fade(@color-primary-a, 30);
@color-disabled-a: fade(@color-primary-a, 30);
@color-border-a: fade(@color-primary-a, 15);
@color-separator-a: fade(@color-primary-a, 12);
@color-background-dark-a: fade(@color-primary-a, 8);
@color-background-light-a: fade(@color-primary-a, 4);
@color-hover-a: @color-separator-a;

/* Inverted Core Colors (only alpha allowed) */
@color-primary-i: #FFFFFF;
@color-secondary-i: fade(@color-primary-i, 60);
@color-hint-i: fade(@color-primary-i, 30);
@color-disabled-i: fade(@color-primary-i, 30);
@color-border-i: fade(@color-primary-i, 15);
@color-separator-i: fade(@color-primary-i, 12);
@color-background-dark-i: fade(@color-primary-i, 8);
@color-background-light-i: fade(@color-primary-i, 4);
@color-hover-i: @color-separator-i;

/* Reserved Warning Colors Palette */
@color-warning-primary: #F09615;
@color-warning-secondary: tint(@color-warning-primary, 30);
@color-warning-disabled: tint(@color-warning-primary, 70);
@color-warning-hint: tint(@color-warning-primary, 70);
@color-warning-border: tint(@color-warning-primary, 85);
@color-warning-separator: tint(@color-warning-primary, 88);
@color-warning-background: tint(@color-warning-primary, 92);
@color-warning-active: shade(@color-warning-primary, 16);
@color-warning-hover: shade(@color-warning-primary, 8);

/* Reserved Error Colors Palette */
@color-error-primary: #E52817;
@color-error-secondary: tint(@color-error-primary, 30);
@color-error-disabled: tint(@color-error-primary, 70);
@color-error-hint: tint(@color-error-primary, 70);
@color-error-border: tint(@color-error-primary, 85);
@color-error-separator: tint(@color-error-primary, 88);
@color-error-background: tint(@color-error-primary, 92);
@color-error-active: shade(@color-error-primary, 16);
@color-error-hover: shade(@color-error-primary, 8);
