@import './theme/index.less';
@import './mixins/config.less';

@font-prefix-name: ~'@{namespace}-font';
@font-size-prefix-name: ~'@{font-prefix-name}-size';
@font-color-prefix-name: ~'@{font-prefix-name}-color';
@font-bg-color-prefix-name: ~'@{font-prefix-name}-bg-color';
@font-line-prefix-name: ~'@{font-prefix-name}-bg-color';

.@{font-size-prefix-name} {
  &-m {
    &-xs {
      .font-medium();
      font-size: @font-size-sm;
    }
    &-sm {
      .font-medium();
      font-size: @font-size-base;
    }
    &-md {
      .font-medium();
      font-size: @font-size-lg-0;
    }
    &-lg {
      .font-medium();
      font-size: @font-size-lg-1;
    }
  }
  &-b {
    &-xs {
      .font-bold();
      font-size: @font-size-sm;
    }
    &-sm {
      .font-bold();
      font-size: @font-size-base;
    }
    &-md {
      .font-bold();
      font-size: @font-size-lg-0;
    }
    &-lg {
      .font-bold();
      font-size: @font-size-lg-2;
    }
    &-xl {
      .font-bold();
      font-size: @font-size-lg-3;
    }
    &-2xl {
      .font-bold();
      font-size: @font-size-lg-4;
    }
  }
}
.@{font-color-prefix-name}{
  &-default {
    color: @text-color-default;
  }
  &-secondary {
    color: @text-color-secondary;
  }
  &-disabled {
    color: @text-color-disabled;
  }
  &-secondary {
    color: @text-color-secondary;
  }
  &-link {
    color: @text-color-link;
  }
}
.@{font-bg-color-prefix-name} {
  &-default {
    background-color: #FFB546;
  }
}

.font-medium {
  font-family: @font-medium;
}
.font-bold {
  font-family: @font-bold;
}