/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
@import './prefix.less';
@import './color/colors';

// The prefix to use on all css classes from ant.

@base-primary: @blue-6;

@{html-selector} {
  --@{ant-prefix}-primary-color: @base-primary;
  // Legacy
  @legacy-primary-1: color(~`colorPalette('@{base-primary}', 1) `);

  --@{ant-prefix}-primary-1: color(~`colorPalette('@{base-primary}', 1) `);
  --@{ant-prefix}-primary-2: color(~`colorPalette('@{base-primary}', 2) `);
  --@{ant-prefix}-primary-3: color(~`colorPalette('@{base-primary}', 3) `);
  --@{ant-prefix}-primary-4: color(~`colorPalette('@{base-primary}', 4) `);
  --@{ant-prefix}-primary-5: color(~`colorPalette('@{base-primary}', 5) `);
  --@{ant-prefix}-primary-6: @base-primary;
  --@{ant-prefix}-primary-7: color(~`colorPalette('@{base-primary}', 7) `);
  --@{ant-prefix}-primary-8: color(~`colorPalette('@{base-primary}', 8) `);
  --@{ant-prefix}-primary-9: color(~`colorPalette('@{base-primary}', 9) `);
  --@{ant-prefix}-primary-10: color(~`colorPalette('@{base-primary}', 10) `);

  // Deprecated
  --@{ant-prefix}-primary-color-deprecated-pure: ~'';
  --@{ant-prefix}-primary-color-deprecated-l-35: lighten(@base-primary, 35%);
  --@{ant-prefix}-primary-color-deprecated-l-20: lighten(@base-primary, 20%);
  --@{ant-prefix}-primary-color-deprecated-t-10: tint(@base-primary, 10%);
  --@{ant-prefix}-primary-color-deprecated-t-20: tint(@base-primary, 20%);
  --@{ant-prefix}-primary-color-deprecated-t-50: tint(@base-primary, 50%);
  --@{ant-prefix}-primary-color-deprecated-f-06: fade(@base-primary, 6%);
  --@{ant-prefix}-primary-color-deprecated-f-08: fade(@base-primary, 8%);
  --@{ant-prefix}-primary-color-deprecated-f-12: fade(@base-primary, 12%);
  --@{ant-prefix}-primary-color-deprecated-f-20: fade(@base-primary, 20%);
  --@{ant-prefix}-primary-color-active-deprecated-f-30: fade(@legacy-primary-1, 30%);
  --@{ant-prefix}-primary-color-active-deprecated-d-02: darken(@legacy-primary-1, 2%);

  --@{ant-prefix}-btn-height-base: 32px;
  --@{ant-prefix}-btn-height-lg: 40px;
  --@{ant-prefix}-btn-height-sm: 24px;

  --@{ant-prefix}-input-height-base: 32px;
  --@{ant-prefix}-input-height-lg: 40px;
  --@{ant-prefix}-input-height-sm: 24px;
}